Update the background colour of mui-tabs__bar--pills

hasgeek · Aug 24, 2020 · 1d92345 · 1d92345
1 parent 41a84b5
commit 1d92345
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/baseframe/static/css/mui.css b/baseframe/static/css/mui.css
@@ -4549,6 +4549,7 @@ li p + ol {
   border: 1px solid rgba(132, 146, 166, 0.3);
   border-radius: 30px;
   margin-right: 8px;
+  background: #f9f9f9;
 }
 .mui-tabs__bar--pills li a {
   height: 30px;
@@ -4558,13 +4559,13 @@ li p + ol {
   cursor: pointer;
   color: #4d5763;
   text-decoration: none !important;
+  text-transform: inherit;
 }
 .mui-tabs__bar--pills li.mui--is-active {
   border: 1px solid rgba(93, 169, 232, 0.2);
   background: #cfefff;
 }
 .mui-tabs__bar--pills li.mui--is-active a {
-  color: #4d5763;
   text-decoration: none !important;
 }
 

diff --git a/baseframe/static/sass/baseframe-material/_tabs.scss b/baseframe/static/sass/baseframe-material/_tabs.scss
@@ -36,6 +36,7 @@
     border: 1px solid $mui-divider-color;
     border-radius: 30px;
     margin-right: $mui-grid-padding/2;
+    background: $mui-bg-color-accent;
   }
   li a {
     height: 30px;
@@ -45,12 +46,12 @@
     cursor: pointer;
     color: $mui-text-light;
     text-decoration: none !important;
+    text-transform: inherit;
   }
   li.mui--is-active {
     border: 1px solid transparentize($mui-text-info, 0.8);
     background: $mui-info-color;
     a {
-      color: $mui-text-light;
       text-decoration: none !important;
     }
   }