diff --git a/libs/workspace/shell/feature/src/lib/workspace-shell/components/workspace-shell-server-banner/workspace-shell-server-banner.component.scss b/libs/workspace/shell/feature/src/lib/workspace-shell/components/workspace-shell-server-banner/workspace-shell-server-banner.component.scss deleted file mode 100644 index 704a21804..000000000 --- a/libs/workspace/shell/feature/src/lib/workspace-shell/components/workspace-shell-server-banner/workspace-shell-server-banner.component.scss +++ /dev/null @@ -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; - } -} diff --git a/libs/workspace/shell/feature/src/lib/workspace-shell/components/workspace-shell-server-banner/workspace-shell-server-banner.component.ts b/libs/workspace/shell/feature/src/lib/workspace-shell/components/workspace-shell-server-banner/workspace-shell-server-banner.component.ts index c4762f15b..958e8d1a7 100644 --- a/libs/workspace/shell/feature/src/lib/workspace-shell/components/workspace-shell-server-banner/workspace-shell-server-banner.component.ts +++ b/libs/workspace/shell/feature/src/lib/workspace-shell/components/workspace-shell-server-banner/workspace-shell-server-banner.component.ts @@ -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'; } `, - styleUrl: './workspace-shell-server-banner.component.scss', changeDetection: ChangeDetectionStrategy.OnPush, }) export class WorkspaceShellServerBannerComponent { diff --git a/libs/workspace/shell/feature/src/lib/workspace-shell/workspace-shell.component.scss b/libs/workspace/shell/feature/src/lib/workspace-shell/workspace-shell.component.scss index efa1e235c..840fe929c 100644 --- a/libs/workspace/shell/feature/src/lib/workspace-shell/workspace-shell.component.scss +++ b/libs/workspace/shell/feature/src/lib/workspace-shell/workspace-shell.component.scss @@ -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