From 88008fa53bf3c1ff9f5890b17fbe1d755b735d00 Mon Sep 17 00:00:00 2001 From: OZGCloud <ozgcloud@mgm-tp.com> Date: Wed, 13 Nov 2024 16:45:25 +0100 Subject: [PATCH] OZG-6999 Change build info colors * Add roboto font * Show header over build info --- .../apps/admin/src/app/app.component.html | 2 +- alfa-client/apps/admin/src/favicon.ico | Bin 15086 -> 0 bytes alfa-client/apps/admin/src/styles.scss | 5 +++++ .../lib/build-info/build-info.component.scss | 6 +----- 4 files changed, 7 insertions(+), 6 deletions(-) delete mode 100644 alfa-client/apps/admin/src/favicon.ico diff --git a/alfa-client/apps/admin/src/app/app.component.html b/alfa-client/apps/admin/src/app/app.component.html index 8fef349aa6..9199c89e54 100644 --- a/alfa-client/apps/admin/src/app/app.component.html +++ b/alfa-client/apps/admin/src/app/app.component.html @@ -1,6 +1,6 @@ <ng-container *ngIf="(apiRootStateResource$ | async)?.resource as apiRoot"> <header - class="flex h-16 items-center justify-between border-b border-b-ozggray-300 bg-white px-9 py-2" + class="z-50 flex h-16 items-center justify-between border-b border-b-ozggray-300 bg-white px-9 py-2" data-test-id="admin-header" > <a diff --git a/alfa-client/apps/admin/src/favicon.ico b/alfa-client/apps/admin/src/favicon.ico deleted file mode 100644 index 317ebcb2336e0833a22dddf0ab287849f26fda57..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 15086 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 V$iTpo%)r1?&%hv44;phuU;z8c-N*m{ diff --git a/alfa-client/apps/admin/src/styles.scss b/alfa-client/apps/admin/src/styles.scss index 4e5a7a5c68..f3ad3e7e32 100644 --- a/alfa-client/apps/admin/src/styles.scss +++ b/alfa-client/apps/admin/src/styles.scss @@ -7,12 +7,17 @@ @import 'libs/design-system/src/lib/tailwind-preset/root.css'; @import 'libs/ui/src/lib/font/font_material'; @import 'variables'; +@import 'typeface-roboto/index.css'; @include mat.all-component-typographies(); @include mat.core(); @include mat.all-component-themes($alfaTheme); +body { + font-family: Roboto, 'Helvetica Neue', sans-serif; +} + body.dark { @include mat.all-component-colors($alfaDarkTheme); } diff --git a/alfa-client/libs/common-lib/src/lib/build-info/build-info.component.scss b/alfa-client/libs/common-lib/src/lib/build-info/build-info.component.scss index 1d3adee3eb..2764bb9170 100644 --- a/alfa-client/libs/common-lib/src/lib/build-info/build-info.component.scss +++ b/alfa-client/libs/common-lib/src/lib/build-info/build-info.component.scss @@ -36,10 +36,6 @@ transform-origin: right bottom; } -:host-context(.dark) { - color: #ccc; -} - p { margin: 0; line-height: 1; @@ -47,7 +43,7 @@ p { font-style: normal; font-weight: 400; font-size: 0.6875rem; - color: #999; + color: theme('colors.text/70'); &.version { span { -- GitLab