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

perf(workspace): style the server banner from the shell, baseline 570

Browse Source 
The offline banner's own stylesheet added a <style> element to every
launch, one of the two mutations the launch journey counted on top of
master. Its rules move into the workspace shell's stylesheet.

The other one is a parser-inserted modulepreload link: the new lazy
server-storage chunks split one shared initial chunk in two. A/B on
macOS: master 555, this branch 556 (was 557); the baseline note now
says so instead of blaming @if anchors, which cost nothing here.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
4grayandClaude Opus 5.5 committed 2026-10-12 20:45:52 +02:00
1 parent 8deb194312
commit 2a93100ec4
4 files changed
+38 -35
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

libs/workspace/shell/feature/src/lib/workspace-shell/components/workspace-shell-server-banner/workspace-shell-server-banner.component.scss
-29
View File
@@ -1,29 +0,0 @@
:host {
display: block;
min-width: 0;
}
.server-banner {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 16px;
background: var(--app-expiry-warn-surface);
border-bottom: 1px solid var(--app-separator);
color: var(--app-heading-color);
font-size: 0.88rem;
mat-icon {
flex-shrink: 0;
color: var(--app-expiry-warn-text);
}
.server-banner__text {
min-width: 0;
}
button {
flex-shrink: 0;
margin-left: auto;
}
}
libs/workspace/shell/feature/src/lib/workspace-shell/components/workspace-shell-server-banner/workspace-shell-server-banner.component.ts
+2 -2
View File
@@ -6,7 +6,8 @@ import { ServerStorageStatusService } from '@iptvnator/services';
/**
* Self-hosted server storage is unreachable: the library on screen is the
* last copy this browser read, and changes cannot be saved.
* last copy this browser read, and changes cannot be saved. Styled by the
* workspace shell's stylesheet (see there why).
*/
@Component({
selector: 'app-workspace-shell-server-banner',
@@ -33,7 +34,6 @@ import { ServerStorageStatusService } from '@iptvnator/services';
</div>
}
`,
styleUrl: './workspace-shell-server-banner.component.scss',
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class WorkspaceShellServerBannerComponent {
libs/workspace/shell/feature/src/lib/workspace-shell/workspace-shell.component.scss
+33
View File
@@ -143,6 +143,39 @@ app-workspace-shell-context-sidebar {
background: var(--app-content-bg, var(--mat-sys-surface));
}
// The offline banner has no stylesheet of its own: a component stylesheet
// adds a <style> to every launch, which the launch journey counts. Its
// elements are the banner's, hence ::ng-deep under this host.
:host ::ng-deep app-workspace-shell-server-banner {
display: block;
min-width: 0;
.server-banner {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 16px;
background: var(--app-expiry-warn-surface);
border-bottom: 1px solid var(--app-separator);
color: var(--app-heading-color);
font-size: 0.88rem;
mat-icon {
flex-shrink: 0;
color: var(--app-expiry-warn-text);
}
.server-banner__text {
min-width: 0;
}
button {
flex-shrink: 0;
margin-left: auto;
}
}
}
@media (max-width: 780px) {
.workspace-shell {
grid-template-columns: 56px 1fr;