From 0877c2bf777cc6b0013325b94bc630d1f2136292 Mon Sep 17 00:00:00 2001 From: Markus Appel Date: Tue, 27 Sep 2022 19:25:19 +0200 Subject: [PATCH 1/2] fix dock hover wobble --- src/components/DockApp.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/DockApp.vue b/src/components/DockApp.vue index 79c636de..dd7a8e46 100644 --- a/src/components/DockApp.vue +++ b/src/components/DockApp.vue @@ -58,7 +58,7 @@ export default { width: 60px; height: 60px; transition: margin 0.3s, transform 0.3s ease; - margin: 0 6px; + margin: 0 8px; .dock-app { &:after { @@ -194,7 +194,6 @@ export default { @media (hover: hover) and (pointer: fine) { .dock-app-container { &:hover { - margin: 0px 15px; .dock-app-name { visibility: visible; } From 47ed4781aa69cfd953e673dd9630d4c4445b08cb Mon Sep 17 00:00:00 2001 From: Markus Appel Date: Wed, 28 Sep 2022 17:53:16 +0200 Subject: [PATCH 2/2] set margin to old value, reduce scale effect --- src/components/DockApp.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/DockApp.vue b/src/components/DockApp.vue index dd7a8e46..f44e936f 100644 --- a/src/components/DockApp.vue +++ b/src/components/DockApp.vue @@ -58,7 +58,7 @@ export default { width: 60px; height: 60px; transition: margin 0.3s, transform 0.3s ease; - margin: 0 8px; + margin: 0 6px; .dock-app { &:after { @@ -199,7 +199,7 @@ export default { } } .dock-app-icon-container:hover { - transform: scale3d(1.3, 1.3, 1.3) translate3d(0, -10px, 0); + transform: scale3d(1.2, 1.2, 1.2) translate3d(0, -10px, 0); } &.dock-app-container-left { &:hover {