dist/sass/patternfly/_vertical-nav.scss in patternfly-sass-3.52.2 vs dist/sass/patternfly/_vertical-nav.scss in patternfly-sass-3.52.3

- old
+ new

@@ -90,25 +90,25 @@ line-height: 26px; margin-right: 10px; text-align: center; width: $nav-pf-vertical-icon-width; } - &:hover { + &:hover, + &:focus { text-decoration: none; } } - &.active, - &:hover { - > a { - background-color: $nav-pf-vertical-active-bg-color; - color: $nav-pf-vertical-active-color; - font-weight: $nav-pf-vertical-active-font-weight; - .fa, - .glyphicon, - .pficon { - color: $nav-pf-vertical-active-icon-color; - } + &.active > a, + &:hover > a, + & > a:focus { + background-color: $nav-pf-vertical-active-bg-color; + color: $nav-pf-vertical-active-color; + font-weight: $nav-pf-vertical-active-font-weight; + .fa, + .glyphicon, + .pficon { + color: $nav-pf-vertical-active-icon-color; } } &.active { > a:before { background: $nav-pf-vertical-active-before-color; @@ -580,26 +580,19 @@ font-weight: inherit; height: inherit; padding: $nav-pf-vertical-secondary-link-padding; margin-left: 20px; width: unquote("calc(#{$nav-pf-vertical-width} - 20px)"); - - &:hover { - .list-group-item-value { - text-decoration: underline; - } - } } &.active > a:before { display: none; } - &.active, - &:hover { - > a { - background-color: $nav-pf-vertical-secondary-active-bg-color; - color: $nav-pf-vertical-secondary-active-color; - } + &.active > a, + &:hover > a, + & > a:focus { + background-color: $nav-pf-vertical-secondary-active-bg-color; + color: $nav-pf-vertical-secondary-active-color; } .badge-container-pf { top: 5px; .badge { background: $nav-pf-vertical-secondary-badge-bg-color; @@ -729,15 +722,14 @@ padding: $nav-pf-vertical-tertiary-link-padding; } &.active > a:before { display: none; } - &.active, - &:hover { - > a { - background-color: $nav-pf-vertical-tertiary-active-bg-color; - color: $nav-pf-vertical-tertiary-active-color; - } + &.active > a, + &:hover > a, + & > a:focus { + background-color: $nav-pf-vertical-tertiary-active-bg-color; + color: $nav-pf-vertical-tertiary-active-color; } .badge-container-pf { top: 5px; .badge { background: $nav-pf-vertical-tertiary-badge-bg-color;