From ad9ea3c86dd55a297ec513f9375198381532d8cb Mon Sep 17 00:00:00 2001 From: Xiao Gui Date: Thu, 14 Dec 2023 08:28:54 +0100 Subject: [PATCH] feat: adjust width & thickness of pip scrubber --- .../perspectiveViewSlider.style.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/viewerModule/nehuba/viewerCtrl/perspectiveViewSlider/perspectiveViewSlider.style.css b/src/viewerModule/nehuba/viewerCtrl/perspectiveViewSlider/perspectiveViewSlider.style.css index bfd1bed6c..18e60c9d2 100644 --- a/src/viewerModule/nehuba/viewerCtrl/perspectiveViewSlider/perspectiveViewSlider.style.css +++ b/src/viewerModule/nehuba/viewerCtrl/perspectiveViewSlider/perspectiveViewSlider.style.css @@ -50,14 +50,17 @@ img .scrubber { + --scrubber-width: 0.28rem; + + opacity: 0.7; pointer-events: none; width: 100%; height: 100%; display: inline-block; border-style: solid; - border-width: 0 0 0 0.5rem; - margin-left: -0.25rem; + border-width: 0 0 0 var(--scrubber-width); + margin-left: calc(var(--scrubber-width) * -0.5); border-color: rgba(10, 10, 10, 0.5); } @@ -72,8 +75,8 @@ img background-color: red; display: inline-block; height: 100%; - width: 0.5rem; - margin-left: -0.5rem; + width: var(--scrubber-width); + margin-left: calc(var(--scrubber-width) * -1); }