fa/breadcrumb-the-shire
1
0
Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(search): refresh global search UI and align qa/docs updates

Browse Source
This commit is contained in:
Felix Schneider
2026-04-02 10:49:35 +02:00
parent 5699bc6c5b
commit 5d07236758
35 changed files with 504 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
web/css/components/app-tooltips.css
View File

@@ -17,11 +17,11 @@
[data-tooltip]::after {
content: attr(data-tooltip);
background: var(--tooltip-bg);
color: var(--tooltip-color);
border: 1px solid var(--tooltip-border);
border-radius: var(--tooltip-radius);
box-shadow: var(--tooltip-shadow);
background: var(--app-tooltip-bg);
color: var(--app-tooltip-color);
border: 1px solid var(--app-tooltip-border);
border-radius: var(--app-tooltip-radius);
box-shadow: var(--app-tooltip-shadow);
font-size: var(--text-xs);
padding: 0.35rem 0.6rem;
white-space: nowrap;
@@ -31,9 +31,9 @@
content: '';
width: 8px;
height: 8px;
background: var(--tooltip-bg);
border-left: 1px solid var(--tooltip-border);
border-top: 1px solid var(--tooltip-border);
background: var(--app-tooltip-bg);
border-left: 1px solid var(--app-tooltip-border);
border-top: 1px solid var(--app-tooltip-border);
transform: rotate(45deg);
}
@@ -51,11 +51,11 @@
}
[data-tooltip]::after {
transform: translate(var(--tooltip-offset), -50%);
transform: translate(var(--app-tooltip-offset), -50%);
}
[data-tooltip]::before {
transform: translate(calc(var(--tooltip-offset) - 4px), -50%) rotate(45deg);
transform: translate(calc(var(--app-tooltip-offset) - 4px), -50%) rotate(45deg);
}
[data-tooltip][data-tooltip-pos="top"]::after,
@@ -63,7 +63,7 @@
bottom: 100%;
left: 50%;
top: auto;
transform: translate(-50%, calc(-1 * var(--tooltip-offset)));
transform: translate(-50%, calc(-1 * var(--app-tooltip-offset)));
}
[data-tooltip][data-tooltip-pos="top"]::before,
@@ -71,33 +71,33 @@
bottom: 100%;
left: 50%;
top: auto;
transform: translate(-50%, calc(-1 * (var(--tooltip-offset) - 2px))) rotate(45deg);
transform: translate(-50%, calc(-1 * (var(--app-tooltip-offset) - 2px))) rotate(45deg);
}
[data-tooltip][data-tooltip-pos="bottom"]::after {
top: 100%;
left: 50%;
transform: translate(-50%, var(--tooltip-offset));
transform: translate(-50%, var(--app-tooltip-offset));
}
[data-tooltip][data-tooltip-pos="bottom"]::before {
top: 100%;
left: 50%;
transform: translate(-50%, calc(var(--tooltip-offset) - 2px)) rotate(45deg);
transform: translate(-50%, calc(var(--app-tooltip-offset) - 2px)) rotate(45deg);
}
[data-tooltip][data-tooltip-pos="left"]::after {
top: 50%;
right: 100%;
left: auto;
transform: translate(calc(-1 * var(--tooltip-offset)), -50%);
transform: translate(calc(-1 * var(--app-tooltip-offset)), -50%);
}
[data-tooltip][data-tooltip-pos="left"]::before {
top: 50%;
right: 100%;
left: auto;
transform: translate(calc(-1 * (var(--tooltip-offset) - 2px)), -50%) rotate(45deg);
transform: translate(calc(-1 * (var(--app-tooltip-offset) - 2px)), -50%) rotate(45deg);
}
@media (prefers-reduced-motion: reduce) {