Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-11-01 21:41:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add a distinctive style for tabs while being dragged

Browse Source
This commit is contained in:
Adorian Doran 2024-11-28 00:31:45 +02:00
parent 6d2e3a6f5e
commit e040835d7b
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/public/stylesheets/theme-next.css
View File

@ -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;