x15904151985/iptvnator
1
0 Fork 0
mirror of https://github.com/4gray/iptvnator.git synced 2026-10-15 21:56:18 -08:00
Code Issues Packages Projects Releases Wiki Activity

style: add shared count-badge style and update component usage

Browse Source 
Entire-Checkpoint: c2cea9c530e6
This commit is contained in:
4gray committed 2026-04-30 20:32:55 +02:00
1 parent e9a36b55ff
commit b5a85fdf5f
9 files changed
+46 -59
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

libs/workspace/shell/feature/src/lib/workspace-context-panel/components/workspace-context-category-view.component.html
+3 -3
View File
@@ -30,16 +30,16 @@
@if (showCounts()) {
@if (countDisplayMode() === 'loading') {
<div
class="nav-item-meta item-count item-count--loading"
class="item-count item-count--loading"
aria-hidden="true"
></div>
} @else {
<div class="nav-item-meta item-count">
<div class="item-count app-count-badge">
{{ getItemCount(item) }}
</div>
}
} @else if ($any(item).count !== undefined) {
<div class="nav-item-meta item-count">
<div class="item-count app-count-badge">
{{ $any(item).count }}
</div>
}
libs/workspace/shell/feature/src/lib/workspace-context-panel/components/workspace-context-category-view.component.scss
+8 -9
View File
@@ -35,12 +35,6 @@
font: inherit;
cursor: pointer;
width: auto;
.item-count {
opacity: 0.6;
font-size: 0.85em;
margin-left: 4px;
}
}
.category-item--disabled,
@@ -82,9 +76,14 @@
}
}
.category-item--selected .item-count {
color: var(--app-selection-color) !important;
opacity: 0.95;
// Selected row: tint badge surface with selection accent. Text colour comes
// from the parent `.nav-item.selected *` rule in nav-list.scss.
.category-item--selected .item-count.app-count-badge {
background: color-mix(
in srgb,
var(--app-selection-color) 18%,
transparent
);
}
mat-card-content {