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 @@
width: 100%;
border-right: 1px solid #fcfcfa; /* LTR */
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 {
border-left: 1px solid #fcfcfa;
......@@ -41,6 +45,9 @@
.vertical-tabs__menu-item:active {
z-index: 2;
}
.vertical-tabs__menu-item.is-selected:focus {
outline: none;
}
.vertical-tabs__menu-item a {
display: block;
padding: 10px 15px 15px;
......@@ -60,8 +67,18 @@
text-decoration: none;
}
.vertical-tabs__menu-item.is-selected a {
border-bottom-color: #b3b2ad;
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: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