[#1584] Fix custom tabs & filter buttons styles

akvo · Sep 12, 2023 · ebb0fbf · ebb0fbf
1 parent 1a223d4
commit ebb0fbf
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 16 deletions.
diff --git a/frontend/src/modules/knowledge-lib/style.module.scss b/frontend/src/modules/knowledge-lib/style.module.scss
@@ -40,6 +40,9 @@
  width: 21px;
  height: 21px;
  margin-bottom: 11px;
+ path {
+ stroke: $primaryWhite;
+ }
  }
  span {
  font-weight: 400;
@@ -56,12 +59,8 @@
  stroke: $primaryDarkBlue;
  }
  }
- &:hover {
- svg {
- path {
- stroke: #fff;
- }
- }
+ span {
+ color: $primaryDarkBlue;
  }
  }
  &.ant-dropdown-open {
@@ -75,16 +74,6 @@
  }
  }
  }
- &.location-filter {
- svg path {
- stroke: $primaryWhite;
- }
- &.selected {
- span {
- color: $primaryDarkBlue;
- }
- }
- }
  &.adv-src {
  &:hover {
  svg {

diff --git a/frontend/src/styles/tabs.scss b/frontend/src/styles/tabs.scss
@@ -21,11 +21,15 @@
  border-bottom: 4px solid $primaryPurple3;
  &.ant-tabs-tab-active {
  border-bottom: 4px solid $primaryPurple7;
+ .ant-tabs-tab-btn {
+ color: $primaryDarkBlue;
+ }
  }
  .ant-tabs-tab-btn {
  font-size: $fzXXS;
  line-height: $fzXXS;
  font-weight: 500;
+ color: $primaryDarkBlue;
  }
  }
  }
@@ -41,5 +45,10 @@
  }
  }
  }
+ & > .ant-tabs-nav {
+ .ant-tabs-nav-list {
+ width: 100%;
+ }
+ }
  }
 }