diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-08-29 23:41:56 +0200 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-08-30 15:19:44 +0200 |
| commit | 4f775521048c3b21b092ed79e19b029585a99c33 (patch) | |
| tree | 4167ac3b3fc4d9a1c684e582a65f948374178451 /core/css/header.scss | |
| parent | d9ae08ba603c59d473de5be12ffaa6ea63667e9c (diff) | |
| download | nextcloud-server-4f775521048c3b21b092ed79e19b029585a99c33.tar.gz nextcloud-server-4f775521048c3b21b092ed79e19b029585a99c33.zip | |
fix(css): Adjust header styles to only add focus-visible styles to menu
Only the main menu should be styles by the header styles, not the popover menus.
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'core/css/header.scss')
| -rw-r--r-- | core/css/header.scss | 33 |
1 files changed, 17 insertions, 16 deletions
diff --git a/core/css/header.scss b/core/css/header.scss index a81e9785dba..722a743df6a 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -11,24 +11,25 @@ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; - a:not(.button):focus-visible, button:not(.button-vue):focus-visible, div[role="button"]:focus-visible { - outline: none; - } + user-select: none; - a:not(.button):focus-visible::after, .button-vue:focus-visible::after, div[role=button]:focus-visible::after { - content: " "; - position: absolute; - transform: translateX(-50%); - width: 12px; - height: 2px; - border-radius: 3px; - background-color: var(--color-background-plain-text); - inset-inline-start: 50%; - opacity: 1; - } + #nextcloud:focus-visible, + .app-menu-entry a:focus-visible, + .header-menu button:first-of-type:focus-visible { + outline: none; - a:not(.button):focus-visible::after, .button-vue:focus-visible::after { - bottom: 2px; + &::after { + content: " "; + position: absolute; + inset-block-end: 2px; + transform: translateX(-50%); + width: 12px; + height: 2px; + border-radius: 3px; + background-color: var(--color-background-plain-text); + inset-inline-start: 50%; + opacity: 1; + } } .header-end { |