Commit dba95189 authored by alexpott's avatar alexpott

Issue #2368373 by rafuel92, BrightBold, b0unty, rpayanm, pjbaert, Maninders,...

Issue #2368373 by rafuel92, BrightBold, b0unty, rpayanm, pjbaert, Maninders, sushyl, jedihe: Focus effect on vertical tabs conflicts with tab affordance
parent 4b1714a0
...@@ -32,6 +32,10 @@ ...@@ -32,6 +32,10 @@
width: 100%; width: 100%;
border-right: 1px solid #fcfcfa; /* LTR */ border-right: 1px solid #fcfcfa; /* LTR */
box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3); box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3);
border-bottom: 1px solid #b3b2ad;
}
.vertical-tabs__menu-item.last {
border-bottom: none;
} }
[dir="rtl"] .vertical-tabs__menu-item.is-selected { [dir="rtl"] .vertical-tabs__menu-item.is-selected {
border-left: 1px solid #fcfcfa; border-left: 1px solid #fcfcfa;
...@@ -41,6 +45,9 @@ ...@@ -41,6 +45,9 @@
.vertical-tabs__menu-item:active { .vertical-tabs__menu-item:active {
z-index: 2; z-index: 2;
} }
.vertical-tabs__menu-item.is-selected:focus {
outline: none;
}
.vertical-tabs__menu-item a { .vertical-tabs__menu-item a {
display: block; display: block;
padding: 10px 15px 15px; padding: 10px 15px 15px;
...@@ -60,8 +67,18 @@ ...@@ -60,8 +67,18 @@
text-decoration: none; text-decoration: none;
} }
.vertical-tabs__menu-item.is-selected a { .vertical-tabs__menu-item.is-selected a {
border-bottom-color: #b3b2ad;
color: #004f80; color: #004f80;
border-left: 4px solid #0074bd; /* LTR */
padding-left: 11px; /* LTR */
border-bottom: none;
outline: none;
text-decoration: none;
}
[dir=rtl] .vertical-tabs__menu-item.is-selected a {
border-left: 0;
border-right: 4px solid #0074bd;
padding-left: 15px;
padding-right: 11px;
} }
.vertical-tabs__menu-item.is-selected a:hover, .vertical-tabs__menu-item.is-selected a:hover,
.vertical-tabs__menu-item.is-selected a:focus { .vertical-tabs__menu-item.is-selected a:focus {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment