From 8842da90ec1fce48d4fe1a91771d70865cda166b Mon Sep 17 00:00:00 2001 From: thepaperpilot Date: Sat, 4 Sep 2021 22:46:06 -0500 Subject: [PATCH] Fixed minimize button scrolling up with the tab --- src/components/system/LayerTab.vue | 7 +++++-- src/components/system/Sticky.vue | 8 ++++---- 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/src/components/system/LayerTab.vue b/src/components/system/LayerTab.vue index 49d22e2..4fe7d38 100644 --- a/src/components/system/LayerTab.vue +++ b/src/components/system/LayerTab.vue @@ -295,9 +295,9 @@ export default defineComponent({ } .minimize { - position: absolute; + position: sticky; top: 6px; - right: 16px; + right: 9px; z-index: 7; line-height: 30px; width: 30px; @@ -309,11 +309,14 @@ export default defineComponent({ font-size: 40px; cursor: pointer; padding: 0; + margin-top: -44px; + margin-right: -30px; } .minimized + .minimize { transform: rotate(-90deg); top: 10px; + right: 18px; } .goBack { diff --git a/src/components/system/Sticky.vue b/src/components/system/Sticky.vue index 325a11d..9457f66 100644 --- a/src/components/system/Sticky.vue +++ b/src/components/system/Sticky.vue @@ -57,10 +57,10 @@ export default defineComponent({ .sticky { position: sticky; background: var(--background); - margin-left: -7px; - margin-right: -7px; - padding-left: 7px; - padding-right: 7px; + margin-left: -10px; + margin-right: -10px; + padding-left: 10px; + padding-right: 10px; z-index: 3; }