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

fix(ui): declare Material system tokens and migrate dead --mdc overrides (#1775)

Browse Source
This commit is contained in:
4gray authored and GitHub committed 2026-10-01 18:02:50 +02:00
1 parent e4cf48fdc2
commit 572034f3be
28 files changed
+581 -88
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

libs/ui/components/src/lib/channel-list-container/channel-details-dialog/channel-details-dialog.component.scss
+7 -2
View File
@@ -1,3 +1,4 @@
@use '@angular/material' as mat;
:host {
display: block;
color: var(--app-body-color, var(--mat-sys-on-surface));
@@ -227,8 +228,12 @@
flex-shrink: 0;
width: 32px;
height: 32px;
--mdc-icon-button-state-layer-size: 32px;
--mdc-icon-button-icon-size: 18px;
@include mat.icon-button-overrides(
(
state-layer-size: 32px,
icon-size: 18px,
)
);
color: var(--app-muted-color, var(--mat-sys-on-surface-variant));
}
libs/ui/components/src/lib/channel-list-container/groups-view/group-management-dialog/group-management-dialog.component.scss
+2 -1
View File
@@ -1,3 +1,4 @@
@use '@angular/material' as mat;
.mat-mdc-dialog-content {
display: flex;
gap: 10px;
@@ -124,7 +125,7 @@
}
mat-checkbox {
--mdc-checkbox-state-layer-size: 28px;
@include mat.checkbox-overrides((state-layer-size: 28px));
}
}
libs/ui/components/src/lib/resizable/resizable.scss
+5 -5
View File
@@ -94,8 +94,8 @@ body.resizing-active {
&:active &__line {
width: 2px;
background: var(--mdc-theme-primary, #6366f1);
box-shadow: 0 0 12px rgba(99, 102, 241, 0.3);
background: var(--app-selection-color, #2f7bff);
box-shadow: 0 0 12px var(--app-selection-glow, rgba(47, 123, 255, 0.3));
}
// Grip dots indicator
@@ -129,7 +129,7 @@ body.resizing-active {
opacity: 1;
span {
background: var(--mdc-theme-primary, #6366f1);
background: var(--app-selection-color, #2f7bff);
transform: scale(1.2);
}
}
@@ -161,8 +161,8 @@ body.resizing-active {
}
&:active &__line {
background: var(--mdc-theme-primary, #6366f1);
box-shadow: 0 0 12px rgba(99, 102, 241, 0.2);
background: var(--app-selection-color, #2f7bff);
box-shadow: 0 0 12px var(--app-selection-glow, rgba(47, 123, 255, 0.2));
}
&__grip {