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

---
 src/assets/styles/bmc/custom/_bootstrap-grid.scss | 15 ++++++++++++++-
 1 file changed, 14 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..3badf048 100644
--- a/src/assets/styles/bmc/custom/_bootstrap-grid.scss
+++ b/src/assets/styles/bmc/custom/_bootstrap-grid.scss
@@ -5,4 +5,17 @@
   // 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;
+  }
+}
-- 
2.35.1