Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

truncate (...) long project name (closes #540) #670

Merged
merged 12 commits into from
Oct 18, 2023
Merged

truncate (...) long project name (closes #540) #670

merged 12 commits into from
Oct 18, 2023

Conversation

evvvritt
Copy link
Collaborator

@evvvritt evvvritt commented Sep 14, 2023

closes #540

  • for some reason display:grid breaks .truncate so using flex for project columns
  • reflow project-header for mobile
  • github link max-width = 320px
    screenshots below (note, Edit button properly only applies for owner*)
Screenshot 2023-09-14 at 13 49 16 Screenshot 2023-09-14 at 13 48 36 Screenshot 2023-09-14 at 13 48 24 Screenshot 2023-09-14 at 13 49 28

@netlify
Copy link

netlify bot commented Sep 14, 2023

Deploy Preview for drips-app-v2 ready!

Name Link
🔨 Latest commit 5ca9ce0
🔍 Latest deploy log https://app.netlify.com/sites/drips-app-v2/deploys/652fb197c4b2750008b0a5be
😎 Deploy Preview https://deploy-preview-670--drips-app-v2.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.

@evvvritt
Copy link
Collaborator Author

@brandonhaslegs wdyt of the design?

  • project name under avatar on mobile
  • edit/customize button in upper right corner

@evvvritt evvvritt requested a review from efstajas September 14, 2023 12:06
@evvvritt evvvritt marked this pull request as ready for review September 14, 2023 12:07
@evvvritt evvvritt changed the title handle long project name (closes #540) truncate (...) long project name (closes #540) Sep 14, 2023
@evvvritt evvvritt marked this pull request as draft September 14, 2023 12:11
@evvvritt
Copy link
Collaborator Author

ah, need to fix one more truncate instance (in claim project modal slot)

@brandonhaslegs
Copy link
Collaborator

I (annoyingly, sorry) don't think we should truncate the project name! it should flow to the next line. Otherwise you can't fully read it anywhere.

@evvvritt
Copy link
Collaborator Author

Ok, I removed the truncate on the big project title in the header, but keeping it the badge. Good @brandonhaslegs?

Screenshot 2023-09-14 at 14 42 46 Screenshot 2023-09-14 at 14 42 08

@evvvritt evvvritt marked this pull request as ready for review September 19, 2023 11:43
@evvvritt evvvritt marked this pull request as draft September 21, 2023 14:15
@evvvritt evvvritt requested a review from efstajas September 21, 2023 15:19
@evvvritt evvvritt marked this pull request as ready for review September 26, 2023 10:54
@evvvritt
Copy link
Collaborator Author

@efstajas, reverted to display:grid for project layout so the sidebar is back under the header on mobile (but with some improvements on laptop).

With the widow.history.back() being discussed in #684, lmk if everything else looks ok?

@efstajas
Copy link
Contributor

efstajas commented Oct 17, 2023

@evvvritt could you check why the tests are failing?

Edit.: they no longer are. Reviewing now 😁

Copy link
Contributor

@efstajas efstajas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, lots of bigger layout changes but wasn't able to spot any problems!

@efstajas efstajas merged commit ec5429a into main Oct 18, 2023
7 checks passed
@efstajas efstajas deleted the ev/iss540 branch October 18, 2023 10:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

The repo name field doesn't do ellipsis
3 participants