discourse/app/assets/stylesheets/common/components/drafts-dropdown-menu.scss
Kris 911ee09ea1
UX: remove margin from navigation-controls children in favor of gap (#34771)
Concerns this section of the nav:


![Untitled
4](https://github.com/user-attachments/assets/95317bfa-7ae2-443d-8184-50810a5b571b)

This switches the margin between buttons to `gap` which is more
predictable and avoids situations where an extension might need to add
its own margin, like this:

<img width="242" height="59" alt="image"
src="https://github.com/user-attachments/assets/fb8155de-6b3d-43e6-a0e8-af61c5a5555f"
/>

After this change:

<img width="258" height="65" alt="image"
src="https://github.com/user-attachments/assets/ebd77447-d9cb-4333-b6ab-2d2c8156c876"
/>

Ideally shouldn't be merged until
https://github.com/discourse/discourse/pull/34770 is, because the empty
div removed in that PR causes too much space when `gap` is utilized
2025-09-15 14:16:57 -04:00

23 lines
392 B
SCSS
Vendored

// Styles for the drafts dropdown menu
.topic-drafts-menu-trigger {
margin-left: -0.25em;
}
.topic-drafts-menu-content {
margin-top: -0.4em;
}
.topic-drafts-menu-content .dropdown-menu {
.btn .d-button-label {
@include ellipsis;
}
.view-all-drafts {
display: flex;
justify-content: space-between;
span:first-child {
color: var(--primary-high);
}
}
}