fix style issue of bootstrap theme

dev-javascript · dev-javascript · commit 2a22fb777224 · 2024-07-20T03:32:43.000+03:30
diff --git a/style/react-dyn-tabs.css b/style/react-dyn-tabs.css
@@ -20,6 +20,7 @@
   display: flex;
   flex-wrap: nowrap;
   overflow: hidden;
+  position: relative;
   direction: ltr;
 }
 .rc-dyn-tabs-tablist-view.rc-dyn-tabs-responsive {
diff --git a/style/react-dyn-tabs.min.css b/style/react-dyn-tabs.min.css
diff --git a/style/scss/modules/_react-dyn-tabs.scss b/style/scss/modules/_react-dyn-tabs.scss
@@ -20,6 +20,7 @@
     display: flex;
     flex-wrap: nowrap;
     overflow: hidden;
+    position: relative;
     direction: ltr;
     &.rc-dyn-tabs-responsive {
       backface-visibility: hidden;
@@ -124,8 +125,11 @@
       z-index: 2;
       overflow-y: auto;
       height: auto;
-      box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
-        rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
+      box-shadow:
+        rgb(255, 255, 255) 0px 0px 0px 0px,
+        rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
+        rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
+        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,7 @@`
`20`	`20`	`display: flex;`
`21`	`21`	`flex-wrap: nowrap;`
`22`	`22`	`overflow: hidden;`
	`23`	`+ position: relative;`
`23`	`24`	`direction: ltr;`
`24`	`25`	`}`
`25`	`26`	`.rc-dyn-tabs-tablist-view.rc-dyn-tabs-responsive {`