diff --git a/app/assets/stylesheets/nav.css b/app/assets/stylesheets/nav.css index 2aa7be278..fda877c20 100644 --- a/app/assets/stylesheets/nav.css +++ b/app/assets/stylesheets/nav.css @@ -55,7 +55,7 @@ .nav__menu.popup { --panel-border-color: var(--color-selected-dark); --panel-border-radius: 1.4em; - --panel-padding: var(--block-space) var(--block-space) 0 var(--block-space); + --panel-padding: var(--block-space); --panel-size: 45ch; --popup-display: grid; --nav-section-gap: 2px; @@ -68,6 +68,7 @@ grid-template-rows: auto 1fr auto; gap: var(--nav-section-gap); overflow: hidden; + padding-block-end: 0; scrollbar-gutter: stable both-edges; } @@ -83,10 +84,48 @@ .nav__close { @media (any-hover: hover) { - display: none; + display: none !important; } } + .nav__header { + --actions-width: 2rem; + + display: grid; + grid-template-columns: var(--actions-width) 1fr var(--actions-width); + grid-template-areas: + "actions-start title actions-end"; + justify-items: center; + } + + .nav__header-actions { + display: flex; + font-size: var(--text-x-small); + gap: var(--inline-space); + inline-size: var(--actions-width); + min-inline-size: fit-content; + } + + .nav__header-actions--end { + grid-area: actions-end; + justify-content: flex-end; + margin-inline-start: auto; + } + + .nav__header-actions--start { + grid-area: actions-start; + margin-inline-end: auto; + } + + .nav__header-title { + color: inherit; + grid-area: title; + justify-content: center; + margin: auto; + min-inline-size: 0; + text-align: center; + } + .nav__hotkeys { --gap: 8px; diff --git a/app/assets/stylesheets/popup.css b/app/assets/stylesheets/popup.css index c0803326d..ab1e6ce74 100644 --- a/app/assets/stylesheets/popup.css +++ b/app/assets/stylesheets/popup.css @@ -9,8 +9,8 @@ --popup-display: flex; inset: 0 auto auto 50%; - min-inline-size: min(25ch, calc(100dvw - var(--block-space-double))); - max-inline-size: min(55ch, calc(100dvw - var(--block-space-double))); + min-inline-size: min(25ch, calc(100vw - (var(--panel-padding) * 2))); + max-inline-size: min(55ch, calc(100vw - (var(--panel-padding) * 2))); overflow: auto; position: absolute; transform: translateX(-50%); diff --git a/app/views/my/menus/_jump.html.erb b/app/views/my/menus/_jump.html.erb index 281f45c90..d80305ef4 100644 --- a/app/views/my/menus/_jump.html.erb +++ b/app/views/my/menus/_jump.html.erb @@ -1,15 +1,20 @@
- <% if Current.user.identity.memberships.many? %> - <%= Account.sole.name %> - <% end %> + <%= jump_field_tag %>
- -