diff --git a/core/themes/seven/css/components/vertical-tabs.css b/core/themes/seven/css/components/vertical-tabs.css index 495cb2e..5613baf 100644 --- a/core/themes/seven/css/components/vertical-tabs.css +++ b/core/themes/seven/css/components/vertical-tabs.css @@ -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 {