From 77d85738332f6dcc1d5f335a86c41fc2de4c1f3d Mon Sep 17 00:00:00 2001 From: Alex Andreev Date: Wed, 16 Mar 2022 10:58:16 +0300 Subject: [PATCH] Add tiny shadow to cropped tab Signed-off-by: Alex Andreev --- .../components/dock/dock-tab.module.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/src/renderer/components/dock/dock-tab.module.scss b/src/renderer/components/dock/dock-tab.module.scss index 48d43bb2f1..3dab689f4f 100644 --- a/src/renderer/components/dock/dock-tab.module.scss +++ b/src/renderer/components/dock/dock-tab.module.scss @@ -37,6 +37,20 @@ .close { opacity: 1; } + + &::before { + display: none; + } + } + + &::before { + content: " "; + display: block; + position: absolute; + width: 5px; + height: 100%; + right: 0; + background: linear-gradient(90deg, transparent 0%, var(--dockHeadBackground) 25%); } &::after { @@ -51,6 +65,10 @@ opacity: 1; background: linear-gradient(90deg, transparent 0%, var(--dockTabActiveBackground) 25%); } + + &::before { + display: none; + } } }