Projets/ObsiViewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update Angular cache and TypeScript build info

Browse Source
This commit is contained in:
bruno
2025-09-27 20:30:15 -04:00
parent 6e1b5407b7
commit 53bef252d9
3 changed files with 117 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/tags-view/tags-view.component.ts
+42 -4
View File
@@ -18,6 +18,44 @@ interface TagSection {
@Component({
selector: 'app-tags-view',
imports: [CommonModule],
styles: [
`
:host {
--tv-scroll-thumb-light: rgba(22, 28, 35, 0.35);
--tv-scroll-thumb-dark: rgba(156, 163, 175, 0.35);
--tv-scroll-track: transparent;
}
:host .custom-scrollbar {
scrollbar-width: thin;
scrollbar-color: var(--tv-scroll-thumb-light) var(--tv-scroll-track);
}
:host([data-theme='dark']) .custom-scrollbar,
:host-context(.dark) .custom-scrollbar {
scrollbar-color: var(--tv-scroll-thumb-dark) var(--tv-scroll-track);
}
:host .custom-scrollbar::-webkit-scrollbar {
width: 6px;
height: 6px;
}
:host .custom-scrollbar::-webkit-scrollbar-track {
background: var(--tv-scroll-track);
}
:host .custom-scrollbar::-webkit-scrollbar-thumb {
background-color: var(--tv-scroll-thumb-light);
border-radius: 9999px;
}
:host([data-theme='dark']) .custom-scrollbar::-webkit-scrollbar-thumb,
:host-context(.dark) .custom-scrollbar::-webkit-scrollbar-thumb {
background-color: var(--tv-scroll-thumb-dark);
}
`,
],
template: `
<div class="flex h-full flex-col gap-4 p-3">
<div class="rounded-lg border border-obs-l-border/60 bg-obs-l-bg-secondary/70 px-3 py-2 shadow-sm dark:border-obs-d-border/60 dark:bg-obs-d-bg-secondary/70">
@@ -50,7 +88,7 @@ interface TagSection {
</div>
<div class="flex flex-1 gap-3 overflow-hidden">
<div class="flex-1 overflow-y-auto pr-1">
<div class="custom-scrollbar flex-1 overflow-y-auto pr-1">
@if (displayedSections().length > 0) {
<div class="space-y-4">
@for (section of displayedSections(); track section.letter) {
@@ -88,13 +126,13 @@ interface TagSection {
}
</div>
<nav class="sticky top-0 flex h-full w-10 flex-col items-center justify-start gap-1 self-start rounded-lg border border-obs-l-border/60 bg-obs-l-bg-secondary/70 px-2 py-3 text-xs font-medium text-obs-l-text-muted shadow-sm dark:border-obs-d-border/60 dark:bg-obs-d-bg-secondary/70 dark:text-obs-d-text-muted">
<nav class="custom-scrollbar sticky top-0 flex h-full w-12 flex-col items-center justify-start gap-2 self-start rounded-lg border border-obs-l-border/60 bg-obs-l-bg-secondary/70 px-2 py-3 text-[0.7rem] font-medium text-obs-l-text-muted shadow-sm dark:border-obs-d-border/60 dark:bg-obs-d-bg-secondary/70 dark:text-obs-d-text-muted overflow-y-auto">
<span class="text-[0.6rem] uppercase tracking-wide text-obs-l-text-muted/70 dark:text-obs-d-text-muted/70">A–Z</span>
<div class="mt-2 grid grid-cols-1 gap-1">
<div class="grid grid-cols-1 gap-1">
@for (letter of availableLetters(); track letter) {
<button
type="button"
class="flex h-7 w-7 items-center justify-center rounded-full transition"
class="flex h-7 w-7 items-center justify-center rounded-full text-[0.7rem] transition"
[class.bg-obs-l-bg-main]="activeLetter() === letter"
[class.dark:bg-obs-d-bg-main]="activeLetter() === letter"
[class.text-obs-l-text-main]="activeLetter() === letter"