[CPCN-457] Top bar fix

fritzSF · Aug 9, 2024 · c0ac30f · c0ac30f
1 parent 73935da
commit c0ac30f
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 4 deletions.
diff --git a/assets/styles/custom-breadcrumb.scss b/assets/styles/custom-breadcrumb.scss
@@ -13,6 +13,9 @@
     @include xxsm {
       display: none;
     }
+    @include phone {
+      font-size: var(--text-size--small);
+    }
   }
 
   a.breadcrumb-item {

diff --git a/assets/styles/custom-variables.scss b/assets/styles/custom-variables.scss
@@ -317,7 +317,7 @@ $container-max-widths: (
     --top-bar-logo-main-max-width: 240px;
     --top-bar-logo-main-max-width--mobile: 160px;
     --top-bar-logo-main-padding-y: 12px;
-    --top-bar-logo-main-padding-x: 16px;
+    --top-bar-logo-main-padding-x: 16px 8px;
     --top-bar-logo-main-margin-top: 0;
     --top-bar-logo-main-margin-top--mobile: 0;
     // Logo additional

diff --git a/assets/styles/navbar.scss b/assets/styles/navbar.scss
@@ -431,6 +431,9 @@
         .breadcrumb-sub-item {
             display: none;
         }
+        .breadcrumb-item {
+            font-size: var(--text-size--small) !important;
+        }
     }
     nav {
         display: flex;

diff --git a/assets/styles/user-profile.scss b/assets/styles/user-profile.scss
@@ -84,7 +84,7 @@
 .profile__info {
     color: var(--profile-sidebar-color-fg);
     opacity: 0.7;
-    font-size: var(--text-size--small); // 13px
+    font-size: var(--text-size--small); // 12px
 }
 
 .profile__characters {

diff --git a/design_app/src/assets/styles/theme_Command-News.css b/design_app/src/assets/styles/theme_Command-News.css
@@ -27,7 +27,7 @@
     --color-text-link--navbar: hsl(0, 0%, 100%);
     /* Logo main */
     --top-bar-logo-main-max-width: 224px;
-    --top-bar-logo-main-max-width--mobile: 200px;
+    --top-bar-logo-main-max-width--mobile: 160px;
     --top-bar-logo-main-margin-top: -9px;
     --top-bar-logo-main-margin-top--mobile: -6px;
     /* Logo additional */

diff --git a/design_app/src/assets/styles/theme_News-Pro.css b/design_app/src/assets/styles/theme_News-Pro.css
@@ -28,7 +28,7 @@
     --color-text-link--navbar: hsl(0, 0%, 100%);
     /* Logo main */
     --top-bar-logo-main-max-width: 224px;
-    --top-bar-logo-main-max-width--mobile: 200px;
+    --top-bar-logo-main-max-width--mobile: 160px;
     --top-bar-logo-main-margin-top: -9px;
     --top-bar-logo-main-margin-top--mobile: -6px;
     /* Logo additional */