diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-08-13 19:30:54 +0200 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-08-14 12:22:15 +0200 |
| commit | 21c30e52591f6e73f28bf7dc5d9584f609f911f7 (patch) | |
| tree | e47a61d69ac8f0e4a37e9255ce47e6335c7f8ef4 /core/src/components/AppMenu.vue | |
| parent | effbc4475699bee689cc4cfad9bf06db06cc6be7 (diff) | |
| download | nextcloud-server-21c30e52591f6e73f28bf7dc5d9584f609f911f7.tar.gz nextcloud-server-21c30e52591f6e73f28bf7dc5d9584f609f911f7.zip | |
fix(AppMenu): Prevent menu entries from jumping on hover
Only grow and shrink app menu entry if needed
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'core/src/components/AppMenu.vue')
| -rw-r--r-- | core/src/components/AppMenu.vue | 10 |
1 files changed, 0 insertions, 10 deletions
diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index 28b0cd3b67e..265191768af 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -123,16 +123,6 @@ export default defineComponent({ display: flex; flex-wrap: nowrap; margin-inline: calc(var(--app-menu-entry-growth) / 2); - transition: margin-inline var(--animation-quick) ease-in-out; - - // Remove padding if the first child is focussed - &:has(.app-menu-entry:hover:first-child, .app-menu-entry:focus-within:first-child) { - margin-inline: 0 calc(var(--app-menu-entry-growth) / 2); - } - // Remove padding if the last child is focussed - &:has(.app-menu-entry:hover:last-child, .app-menu-entry:focus-within:last-child) { - margin-inline: calc(var(--app-menu-entry-growth) / 2) 0; - } } &__overflow { |