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

fix(navigation): use min-width for site popover #19415

Merged
merged 1 commit into from
Dec 20, 2023

Conversation

thmsobrmlr
Copy link
Contributor

Problem

I still think the site popover could use some additional space when the instance settings are missing (i.e. most users). Might be subjective..

Changes

Before
Screenshot 2023-12-19 at 20 05 42

After
Screenshot 2023-12-19 at 20 05 22

How did you test this code?

👀 when removing the instance settings

@thmsobrmlr thmsobrmlr requested a review from a team December 19, 2023 19:11
Copy link
Contributor

Size Change: 0 B

Total Size: 2 MB

ℹ️ View Unchanged
Filename Size
frontend/dist/toolbar.js 2 MB

compressed-size-action

Copy link
Contributor

@daibhin daibhin left a comment

Choose a reason for hiding this comment

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

One other thing but probably beyond the scope of this PR - the settings icon next to the person feels like it should be right aligned so that it is inline with the one below it

@@ -15,7 +15,7 @@ $screens: (
'xxl': $xxl,
);
$tiny_spaces: 0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20;
$humongous_spaces: 24, 30, 32, 40, 50, 60, 80, 100, 120, 140, 160, 180, 200;
$humongous_spaces: 24, 30, 32, 40, 50, 60, 70, 80, 100, 120, 140, 160, 180, 200;
Copy link
Contributor

Choose a reason for hiding this comment

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

Could we use the 80 value here? It feels like we're adding a variable for a single use - maybe that should be a class

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I had tried the 80 and liked 70 better, hence the addition. I don't think it's too big of an issue though, as tailwind supports arbitrary values https://tailwindcss.com/docs/min-width#arbitrary-values. Meaning when we finally have real tailwind support we can remove all custom spaces and just use the tailwind default ones here.

@thmsobrmlr thmsobrmlr enabled auto-merge (squash) December 20, 2023 11:44
@thmsobrmlr thmsobrmlr merged commit 6b9b72f into master Dec 20, 2023
78 checks passed
@thmsobrmlr thmsobrmlr deleted the site-popover-min-width branch December 20, 2023 11:54
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.

2 participants