diff --git a/core/themes/seven/css/components/vertical-tabs.css b/core/themes/seven/css/components/vertical-tabs.css index 325a3af..836cecd 100644 --- a/core/themes/seven/css/components/vertical-tabs.css +++ b/core/themes/seven/css/components/vertical-tabs.css @@ -33,6 +33,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-tab-button.last { + border-bottom: none; } [dir="rtl"] .vertical-tab-button.selected { border-left: 1px solid #fcfcfa; @@ -42,6 +46,9 @@ .vertical-tab-button:active { z-index: 2; } +.vertical-tab-button.selected:focus { + outline: none; +} .vertical-tab-button a { display: block; padding: 10px 15px 15px; @@ -61,8 +68,20 @@ text-decoration: none; } .vertical-tab-button.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-tab-button.selected a { + border-left: 0; + border-right: 4px solid #0074bd; + padding-right: 15px; +} +li.vertical-tab-button.selected a:focus strong { + text-decoration: none; } .vertical-tab-button.selected a:hover, .vertical-tab-button.selected a:focus {