[ADF-5456] improved theming bundling (#7180)

* theming barrel file for core * card-view theme * clipboard theme * rename core theme files * content services themes * process services theme * process services cloud theme * insights theming * try fix flaky test
2025-07-24 17:32:15 +00:00 · 2021-07-20 15:24:37 +01:00
parent c1860f0c1f
commit 81f7e2af33
119 changed files with 145 additions and 110 deletions
--- a/lib/core/layout/components/header/header.theme.scss
+++ b/lib/core/layout/components/header/header.theme.scss
@@ -0,0 +1,116 @@
+@mixin  adf-header-layout-theme($theme) {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $background: map-get($theme, background);
+
+    adf-layout-header .mat-toolbar-single-row {
+
+        color: mat-color($primary, default-contrast) !important;
+        position: relative;
+        padding: 0 24px;
+
+        .adf-menu-icon {
+            position: relative;
+            margin-right: 0;
+
+            .mat-icon {
+                font-size: 29px;
+                padding: 0 5px 0 0;
+            }
+        }
+
+        .adf-app-logo {
+            position: relative;
+            height: 28px;
+            width: 28px;
+            vertical-align: middle;
+            margin-top: -3px;
+        }
+
+        .adf-app-title {
+            cursor: pointer;
+            letter-spacing: -0.3px;
+            font-weight: 100;
+        }
+
+        .adf-toolbar-divider {
+            margin: 0 5px;
+
+            & > div {
+                background-color: mat-color($background, card, 1);
+            }
+        }
+
+        .adf-header-delimiter {
+            height: 24px;
+            width: 2px;
+            background-color: mat-color($primary, default-contrast);
+        }
+
+        .adf-userinfo-container {
+            flex-direction: row;
+            padding: 0;
+        }
+
+        @media screen and (max-width: 599px) {
+            .adf-app-logo,
+            .adf-app-title {
+                display: none;
+            }
+        }
+    }
+
+    [dir='rtl'] adf-layout-header .mat-toolbar-single-row {
+        .adf-menu-icon {
+            margin-right: -11px;
+        }
+
+        .adf-app-logo {
+            margin-right: 6px;
+        }
+
+        .adf-app-title {
+            margin-right: 6px;
+        }
+
+        .adf-header-delimiter {
+            margin-left: 16px;
+        }
+
+        .adf-userinfo-container {
+            margin-left: 16px;
+        }
+
+        .adf-userinfo-name {
+            padding-left: 8px;
+        }
+    }
+
+    [dir='ltr'] adf-layout-header .mat-toolbar-single-row {
+        .adf-menu-icon {
+            margin-left: -11px;
+        }
+
+        .adf-app-logo {
+            margin-left: 6px;
+        }
+
+        .adf-app-title {
+            margin-left: 6px;
+        }
+
+        .adf-header-delimiter {
+            margin-right: 16px;
+        }
+
+        .adf-userinfo-container {
+            margin-right: 16px;
+        }
+
+        .adf-userinfo-name {
+            padding-right: 8px;
+        }
+    }
+}
+
+