diff options
| author | Julius Härtl <jus@bitgrid.net> | 2022-08-29 19:24:05 +0200 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2022-08-31 10:24:04 +0200 |
| commit | e8193c243410262607f272fee5351632e5baa941 (patch) | |
| tree | c6205e4fb45ab95763f3b1f0b5b0142b0904ba48 /core/src | |
| parent | 5b4708c5be100c3a4bbb2fd32151ae2a7420df2d (diff) | |
| download | nextcloud-server-e8193c243410262607f272fee5351632e5baa941.tar.gz nextcloud-server-e8193c243410262607f272fee5351632e5baa941.zip | |
Fix focus border and adjust active app indicator
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'core/src')
| -rw-r--r-- | core/src/components/AppMenu.vue | 22 |
1 files changed, 17 insertions, 5 deletions
diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index a8ea7250852..ca96fa569c6 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -137,11 +137,14 @@ $header-icon-size: 20px; content: " "; position: absolute; pointer-events: none; - border: 8px solid transparent; border-bottom-color: var(--color-main-background); transform: translateX(-50%); + width: 12px; + height: 5px; + border-radius: 3px; + background-color: var(--color-primary-text); left: 50%; - bottom: 0; + bottom: 3px; display: block; transition: all 0.1s ease-in-out; opacity: 1; @@ -153,8 +156,9 @@ $header-icon-size: 20px; } a { - width: 100%; - height: 100%; + width: calc(100% - 4px); + height: calc(100% - 4px); + margin: 2px; color: var(--color-primary-text); position: relative; } @@ -216,7 +220,7 @@ $header-icon-size: 20px; } &::before, .app-menu-entry::before { - border-width: 3px; + opacity: 0; } } } @@ -230,6 +234,14 @@ $header-icon-size: 20px; opacity: 1; background-color: transparent !important; } + + &:focus-visible { + opacity: 1; + background-color: transparent !important; + border-radius: var(--border-radius); + outline: none; + box-shadow: 0 0 0 2px var(--color-primary-text); + } } .app-menu-popover-entry { |