summaryrefslogtreecommitdiff
path: root/meta-ibs/meta-cp2-5422/recipes-phosphor/webui/webui-vue/0007-bootstrap-grid-for-large-media.patch
blob: 05fdeee349e5a5009c5016a410a97b53ae6b1a94 (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
43
From cddad628770eab2acabee70eb7e868dde36ac9dc Mon Sep 17 00:00:00 2001
From: "Andrey V.Kosteltsev" <AKosteltsev@IBS.RU>
Date: Fri, 24 Jun 2022 15:22:27 +0300
Subject: [PATCH] bootstrap: grid for large media

---
 .../styles/bmc/custom/_bootstrap-grid.scss    | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/bmc/custom/_bootstrap-grid.scss b/src/assets/styles/bmc/custom/_bootstrap-grid.scss
index 7ad7c81b..87332f4b 100644
--- a/src/assets/styles/bmc/custom/_bootstrap-grid.scss
+++ b/src/assets/styles/bmc/custom/_bootstrap-grid.scss
@@ -5,4 +5,24 @@
   // so the content doesn't center align
   // https://bootstrap-vue.org/docs/components/layout#fluid-width-container
   margin-left: 0;
-}
\ No newline at end of file
+}
+
+@media (min-width: 1200px) {
+  .container-xl {
+    max-width: unset !important;
+  }
+  .col-md-9,
+  .col-xl-9,
+  .col-xl-10,
+  .col-xl-11 {
+    flex: 0 0 100%;
+    max-width: unset !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .col-md-9 {
+    flex: 0 0 100%;
+    max-width: unset !important;
+  }
+}
-- 
2.35.1