Fixes vertical tab regression (#1958)

Resolves #1956
blackbaud · Sep 5, 2018 · de8ad15 · de8ad15
1 parent 3ab6c6d
commit de8ad15
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/modules/vertical-tabset/vertical-tabset-group.component.html b/src/modules/vertical-tabset/vertical-tabset-group.component.html
@@ -1,7 +1,7 @@
 <div class="sky-vertical-tabset-group">
   <div
-    class="sky-vertical-tabset-group-header sky-emphasized sky-padding-even-default"
-    [ngClass]="{'sky-vertical-tabset-group-header-sub-open': subMenuOpen()}"
+    class="sky-vertical-tabset-group-header sky-padding-even-default"
+    [ngClass]="{'sky-vertical-tabset-group-header-sub-open sky-emphasized': subMenuOpen()}"
     (click)="toggleMenuOpen()"
     (keyup.enter)="toggleMenuOpen()"
     [tabIndex]="-1"

diff --git a/src/modules/vertical-tabset/vertical-tabset-group.component.scss b/src/modules/vertical-tabset/vertical-tabset-group.component.scss
@@ -10,8 +10,11 @@
   cursor: pointer;
   display: flex;
   justify-content: space-between;
-  font-weight: 400;
-  color: $sky-text-color-deemphasized;
+
+  &:not(.sky-emphasized) {
+    font-weight: 400;
+    color: $sky-text-color-deemphasized;
+  }
 
   &:hover {
     color: $sky-text-color-default;