lashman/tutorialvault
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

WCAG AAA contrast, speed menu z-index, custom app icon

Browse Source
This commit is contained in:
lashman
2026-02-19 18:23:38 +02:00
parent 2a173c1dff
commit 4fddb02336
29 changed files with 147 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+10 -9
View File
@@ -33,7 +33,7 @@
}
.toastMsg{
font-size:13px;
font-weight:600;
font-weight:500;
letter-spacing:0;
color:var(--text);
}
@@ -82,17 +82,17 @@
.tooltip::after{display:none;}
.tooltip-title{
font-family:var(--brand);
font-weight:700;
font-weight:600;
font-size:14px;
margin-bottom:6px;
letter-spacing:-.01em;
letter-spacing:-.02em;
color:rgba(235,240,252,.95);
}
.tooltip-desc{
font-family:var(--sans);
font-size:12px;
font-weight:500;
color:rgba(170,182,210,.82);
font-weight:400;
color:rgba(170,182,210,.86);
line-height:1.55;
letter-spacing:0;
position:relative;
@@ -115,7 +115,7 @@
}
.subsMenu.show{display:block; opacity:1; transform:translateX(-50%) scale(1);}
.subsMenuHeader{padding:6px 12px 4px; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--textDim); transition:color .2s ease;}
.subsMenuItem{padding:10px 12px; border-radius:var(--r3); cursor:pointer; user-select:none; font-size:12px; font-weight:600; color:var(--text); letter-spacing:0; display:flex; align-items:center; gap:10px; transition:all .2s var(--ease-bounce);}
.subsMenuItem{padding:10px 12px; border-radius:var(--r3); cursor:pointer; user-select:none; font-size:12px; font-weight:500; color:var(--text); letter-spacing:0; display:flex; align-items:center; gap:10px; transition:all .2s var(--ease-bounce);}
.subsMenuItem:hover{background:var(--surfaceHover); padding-left:16px;}
.subsMenuItem:active{transform:scale(.97); transition-duration:.08s;}
.subsMenuItem .fa{font-size:13px; color:var(--iconStrong)!important; opacity:.85; width:18px; text-align:center; transition:transform .2s var(--ease-bounce), opacity .15s ease;}
@@ -175,11 +175,12 @@
}
.shortcutHelpTitle{
font-family:var(--brand);
font-weight:700;
font-size:16px;
font-weight:600;
font-size:17px;
line-height:1.2;
margin:0 0 20px;
color:rgba(235,240,252,.95);
letter-spacing:-.01em;
letter-spacing:-.02em;
}
.shortcutGrid{
display:grid;