From e040835d7ba6efb82439bcd1b32839aa21a3f456 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Thu, 28 Nov 2024 00:31:45 +0200 Subject: [PATCH] Add a distinctive style for tabs while being dragged --- src/public/stylesheets/theme-next.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index 858d057a4..c41027760 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -128,6 +128,7 @@ --active-tab-hover-background-color: var(--active-tab-background-color); --active-tab-text-color: black; --active-tab-shadow: 3px 3px 6px rgba(0, 0, 0, .1); + --active-tab-dragging-shadow: var(--active-tab-shadow), 0 0 20px rgba(0, 0, 0, .2); --inactive-tab-background-color: transparent; --inactive-tab-hover-background-color: #00000016; @@ -236,6 +237,7 @@ --active-tab-hover-background-color: #737373; --active-tab-text-color: #ccc; --active-tab-shadow: 3px 3px 6px rgba(0, 0, 0, .1); + --active-tab-dragging-shadow: var(--active-tab-shadow), 0 0 20px rgba(0, 0, 0, .2); --inactive-tab-background-color: #444; --inactive-tab-hover-background-color: #525252; @@ -475,11 +477,20 @@ transform: translate3d(var(--tab-first-item-horiz-offset), 0, 0); } +.tab-row-widget-is-sorting .note-tab[active] .note-tab-wrapper { + transform: scale(.85); + box-shadow: var(--active-tab-dragging-shadow) !important; +} + .tab-row-widget .note-tab[active] .note-tab-wrapper { box-shadow: var(--active-tab-shadow); font-weight: unset !important; } +.tab-row-widget-is-sorting .note-tab-drag-handle { + cursor: grabbing !important; +} + .tab-row-widget .note-tab-close { display: flex; justify-content: center;