remix-project icon indicating copy to clipboard operation
remix-project copied to clipboard

Hometab updates

Open joeizang opened this issue 9 months ago • 1 comments

Update the hometab of IDE based on designs on excalidraw from @LianaHus

joeizang avatar Apr 30 '24 10:04 joeizang

Deploy Preview for remixproject ready!

Name Link
Latest commit ec329d880a747d9b2b367c488fcbb20dca11b7f2
Latest deploy log https://app.netlify.com/sites/remixproject/deploys/666c07bc567c7b00088f8ca4
Deploy Preview https://deploy-preview-4774--remixproject.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Apr 30 '24 10:04 netlify[bot]

  • [x] New file should create a file in current workspace
  • [x] some more spacing for title of File section (Exlpore...)
  • [x] add space after recent section and remove from the top of it
  • [x] slides should have more height
  • [x] for the Connect to Local File system button
  • [x] Alert alert-danger for alerts on the status bar and danger text color for icon and the text
  • [x] Alert window height should be adjusted
  • [x] align sections on status bar
  • [x] increase a margin-bottom for toaster
  • [x] If the workspace is not a github repo the text "not a git repo" can become a btn "init as git repo"
  • [x] all status bar sections should have tooltips
  • [ ] for next iteration: Plugins from the selected list should be able to register a component/html el and a callback.
  • [x] https should go to the new line (as discussed) in case of not enough space
  • [x] Remix Copilo is red, why?
  • [x] mouse should be pointer on 'Scam Alert'
  • [ ] images are shrinked sometimes on featured slides
  • [x] Start coding has a tooltip saying one thing another functionality. For a quick fix you can have Create a Basic workspace but for the normal fix it should open a modal to choose from templates aka new plugin for templates.

LianaHus avatar May 29 '24 10:05 LianaHus

Looks great! However one fundamental issue, take note the attached image is the res seen on a 13 inch Mac M1 laptop. This shows even less real estate than the existing IDE hometab.

  1. Something should be done on progressive resolution changes per machine. Or, a combination of moving things up. Like shortening the vertical dimension of the new "Featured" panel, etc. Also, where to click through to "LearnEth"?
  2. Tagline for Remix should say: "Learn. Explore. Create." because "Native IDE" we decided a while ago, has no meaning
  3. Links below tagline should be "Website Remix Desktop Documentation" ... In this iteration there are two links for Desktop
  4. Tagline below that (above Start Coding)... "Explore. Prototype. Create" should be removed
  5. "Recent workspaces", should be rendered in U/L so it should read "Recent Workspaces"
  6. "Connect to local filesystem" should also be U/L so it should read "Connect to Local Filesystem"
image

vermouth22 avatar Jun 04 '24 02:06 vermouth22

@joeizang Getting closer. FYI, there's still a bit of the feature panel cut off horizontally. And, now somehow need to lift up the Featured Plugins list... image

vermouth22 avatar Jun 05 '24 20:06 vermouth22

1440 x 900 13" Macbook default display as of now: image

Still a bit of overlap on that "Files" section with HTTPS. And, some touching up top with the Language button, but looking lots better. Also, do you guys think we should separate those social icons a bit more, or are they just bunched together that closely on this res?

vermouth22 avatar Jun 11 '24 17:06 vermouth22

The link for remix desktop should be updated to this one: https://github.com/remix-project-org/remix-desktop-insiders

ryestew avatar Jun 14 '24 05:06 ryestew