summaryrefslogtreecommitdiff
path: root/meta-ibs/meta-cp2-5422/recipes-phosphor/webui/webui-vue/0009-AppHeader-color-nav-trigger-width-wrap.patch
blob: aaaf034e4904daa98ca0d3c7bfaa789469350027 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
From 0cb71e2f23c1f153d553396a506c028ce6e7da31 Mon Sep 17 00:00:00 2001
From: "Andrey V.Kosteltsev" <AKosteltsev@IBS.RU>
Date: Fri, 24 Jun 2022 13:17:05 +0300
Subject: [PATCH] AppHeader: color, nav-trigger width, wrap

---
 src/components/AppHeader/AppHeader.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue
index 84e4588f..64fec2f2 100644
--- a/src/components/AppHeader/AppHeader.vue
+++ b/src/components/AppHeader/AppHeader.vue
@@ -284,7 +284,7 @@ export default {
 
     .helper-menu {
       @include media-breakpoint-down(sm) {
-        background-color: gray('800');
+        background-color: $navbar-color;
         width: 100%;
         justify-content: flex-end;
 
@@ -332,7 +332,7 @@ export default {
 
   .nav-trigger {
     fill: theme-color('light');
-    width: $header-height;
+    width: $header-height * 1.5;
     height: $header-height;
     transition: none;
     display: inline-flex;
@@ -366,6 +366,7 @@ export default {
   }
 
   .navbar-expand {
+    flex-flow: row wrap;
     @include media-breakpoint-down(sm) {
       flex-flow: wrap;
     }
-- 
2.35.1