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;