feat: bootstrap 5.3

Fix #878
MAIF · Sep 24, 2024 · 16d1529 · 16d1529
1 parent ef5682a
commit 16d1529
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 24 deletions.
diff --git a/izanami-frontend/package.json b/izanami-frontend/package.json
@@ -19,7 +19,7 @@
     "@textea/json-viewer": "^3.1.1",
     "@uiw/react-codemirror": "^4.22.1",
     "@xiechao/codemirror-lang-handlebars": "^1.0.4",
-    "bootstrap": "5.2.0",
+    "bootstrap": "^5.3.3",
     "bootstrap-icons": "^1.8.2",
     "classnames": "^2.3.0",
     "date-fns": "^2.28.0",

diff --git a/izanami-frontend/src/index.scss b/izanami-frontend/src/index.scss
@@ -38,7 +38,16 @@ main a.white-link:focus {
   }
 }
 
-.breadcrumb .active a {
+.breadcrumb a {
+  color: $primaryColor;
+  text-decoration: none;
+
+  &:hover {
+    color: #fff;
+  }
+}
+.breadcrumb .active a,
+.breadcrumb-item + .breadcrumb-item::before {
   color: var(--color_level1);
 }
 .breadcrumb svg .icon_context,
@@ -58,19 +67,6 @@ main a.white-link:focus {
   width: 100%;
 }
 
-.breadcrumb a {
-  color: $primaryColor;
-  text-decoration: none;
-
-  &:hover {
-    color: #fff;
-  }
-}
-
-// h1 {
-//   font-size: 2rem;
-// }
-
 input,
 textarea {
   color: var(--color_level3) !important;
@@ -82,7 +78,7 @@ textarea {
 input:not([role="combobox"]):not([type="checkbox"]),
 textarea {
   /* buggy on react-select */
-  background-color:  var(--bg-color_level3);
+  background-color: var(--bg-color_level3);
 }
 
 ::placeholder {

diff --git a/izanami-frontend/src/styles/components/_table.scss b/izanami-frontend/src/styles/components/_table.scss
@@ -6,16 +6,15 @@
   td {
     vertical-align: middle;
   }
-  tbody {
+  tbody, &> :not(caption):not(thead) > * > * {
     background-color: var(--bg-color_level3);
+    color: var(--color_level3) !important;
     td,
     th {
       color: var(--color_level3) !important;
     }
   }
-  //   th {
-  //     color:var(--color_level2) !important;
-  //   }
+
   .btn {
     color: var(--color_level3) !important;
   }
@@ -24,7 +23,3 @@
     position: inherit;
   }
 }
-
-// .table-striped > tbody > tr:nth-of-type(2n+1) > * {
-//   color: var(--color_level2) !important;
-// }