diff --git a/core/themes/seven/js/nav-tabs.js b/core/themes/seven/js/nav-tabs.js index 12ba207..7808340 100644 --- a/core/themes/seven/js/nav-tabs.js +++ b/core/themes/seven/js/nav-tabs.js @@ -8,8 +8,8 @@ Drupal.behaviors.navTabs = { attach: function (context, settings) { var tabs = $(context).find('[data-drupal-nav-tabs]'); - if ( tabs.length ) { - var notSmartPhone = window.matchMedia("(min-width: 300px)"); + if (tabs.length) { + var notSmartPhone = window.matchMedia('(min-width: 300px)'); if (notSmartPhone.matches) { $(tabs).navTabs(); } diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css index c742202..66b1494 100644 --- a/core/themes/seven/style.css +++ b/core/themes/seven/style.css @@ -339,16 +339,10 @@ li.tabs__tab a { margin: 16px 0 0; margin: 1rem 0 0; } -.tabs.primary .tabs__tab:last-child { - border-radius: 0 4px 0 0; -} -[dir="rtl"] .tabs.primary .tabs__tab:last-child { - border-radius: 4px 0 0 0; -} .tabs.primary .tabs__tab.active { z-index: 15; border-color: #a6a6a6; - border-radius: 4px 4px 0 0; + border-radius: 4px 0 0 0; background-color: #ffffff; color: #004f80; } @@ -468,6 +462,12 @@ li.tabs__tab a { [dir="rtl"] .is-horizontal .tabs.primary .tabs__tab:first-child { border-radius: 0 4px 0 0; } +.is-horizontal .tabs.primary .tabs__tab:last-child { + border-radius: 0 4px 0 0; +} +[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab:last-child { + border-radius: 4px 0 0 0; +} .is-horizontal .tabs__tab.active { position: relative; width: auto; @@ -523,7 +523,7 @@ li.tabs__tab a { border-width: 0 0 2px; float: left; position: relative; - top: -1px; + top: 0; z-index: 15; margin-left: 1em; margin-right: 1em;