gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 11:39:01 +01:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

style(next): improve tooltip design

Browse Source
This commit is contained in:
Elian Doran 2024-12-02 23:13:00 +02:00
parent a1a2fd717b
commit 5df2e3e9cd
No known key found for this signature in database
1 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -170,7 +170,6 @@
--scrollbar-border-color: #ddd; --scrollbar-border-color: #ddd;
--scrollbar-background-color: #ddd; --scrollbar-background-color: #ddd;
--tooltip-background-color: #f8f8f8;
--link-color: blue; --link-color: blue;
--mermaid-theme: default; --mermaid-theme: default;
@ -189,6 +188,10 @@
--calendar-day-hover-color: var(--hover-item-text-color); --calendar-day-hover-color: var(--hover-item-text-color);
--calendar-day-hover-background: var(--active-item-background-color); --calendar-day-hover-background: var(--active-item-background-color);
--calendar-day-highlight-background: #80808024; --calendar-day-highlight-background: #80808024;
--tooltip-border-color: transparent;
--tooltip-background-color: rgba(0, 0, 0, 0.8);
--tooltip-foreground-color: #fff;
} }
/* /*
@ -304,7 +307,6 @@
--scrollbar-border-color: #666; --scrollbar-border-color: #666;
--scrollbar-background-color: #333; --scrollbar-background-color: #333;
--tooltip-background-color: #333;
--link-color: lightskyblue; --link-color: lightskyblue;
--mermaid-theme: dark; --mermaid-theme: dark;
@ -322,6 +324,9 @@
--calendar-day-hover-color: var(--hover-item-text-color); --calendar-day-hover-color: var(--hover-item-text-color);
--calendar-day-hover-background: var(--active-item-background-color); --calendar-day-hover-background: var(--active-item-background-color);
--calendar-day-highlight-background: #8080805a; --calendar-day-highlight-background: #8080805a;
--tooltip-background: rgba(0, 0, 0, 0.9);
--tooltip-foreground: #fff;
} }
body ::-webkit-calendar-picker-indicator { body ::-webkit-calendar-picker-indicator {
@ -441,6 +446,19 @@
--hover-item-background-color: transparent; --hover-item-background-color: transparent;
} }
.tooltip .tooltip-arrow {
display: none;
}
.tooltip-inner {
padding: 5px 10px !important;
border-radius: 8px;
border: 1px solid var(--tooltip-border-color) !important;
color: var(--tooltip-foreground-color) !important;
line-height: 1.25;
box-shadow: none !important;
}
/* /*
* Search Box * Search Box
*/ */