diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css index b49a4d4..522d18e 100644 --- a/agaric/css/agaric.css +++ b/agaric/css/agaric.css @@ -7631,10 +7631,10 @@ ion-icon { z-index: +400; } .is-fixed #logo .logo-color { fill: currentColor; } - .is-fixed + div[data-drupal-messages-fallback] + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child { + .is-fixed + div[data-drupal-messages-fallback] + section { padding-top: 3.3125em; } @media screen and (min-width: 1024px) { - .is-fixed + div[data-drupal-messages-fallback] + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child, .is-fixed + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child { + .is-fixed + div[data-drupal-messages-fallback] + section { padding-top: 5.875em; } } .toolbar-tray-open.toolbar-horizontal .is-fixed { padding-top: 79px; } @@ -7883,19 +7883,6 @@ a.navbar-link:focus, .is-dark .tabs a:hover { color: #FFFFFF; } -.floating-tabs { - position: absolute; - left: 0.75rem; - z-index: 505; - background: rgba(255, 255, 255, 0.75); - top: 3.3125em; } - @media screen and (min-width: 1024px) { - .floating-tabs { - top: 5.875em; } } -@media screen and (min-width: 1024px) { - .toolbar-tray-open.toolbar-horizontal .floating-tabs { - top: 9.875em; } } - a.card { display: block; height: 100%; diff --git a/agaric/sass/agaric/_component.navbar.scss b/agaric/sass/agaric/_component.navbar.scss index 3084f69..da9b801 100644 --- a/agaric/sass/agaric/_component.navbar.scss +++ b/agaric/sass/agaric/_component.navbar.scss @@ -17,10 +17,7 @@ #logo .logo-color { fill: currentColor; } - & + div[data-drupal-messages-fallback] + section, - & + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + section, - & + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + article > section:first-child, - & + div[data-drupal-messages-fallback] + .floating-tabs + #main-content + .node > section:first-child { + & + div[data-drupal-messages-fallback] + section { padding-top: 3.3125em; @include desktop { padding-top: 5.875em; diff --git a/agaric/sass/agaric/_component.tabs.scss b/agaric/sass/agaric/_component.tabs.scss index 09eafdf..3d972b1 100644 --- a/agaric/sass/agaric/_component.tabs.scss +++ b/agaric/sass/agaric/_component.tabs.scss @@ -19,26 +19,3 @@ } } } - -// Ridiculously bad hack just to keep the full-saturation title sections -// pristine. - -.floating-tabs { - position: absolute; - left: 0.75rem; - z-index: 505; - background: rgba($white, 0.75); - // Top matches .is-fixed next sibling padding from _component.navbar.scss. - top: 3.3125em; - @include desktop { - top: 5.875em; - } -} - -.toolbar-tray-open.toolbar-horizontal { - .floating-tabs { - @include desktop { - top: 9.875em; - } - } -} diff --git a/agaric/templates/layout/page.html.twig b/agaric/templates/layout/page.html.twig index 8ddf093..0da25bc 100644 --- a/agaric/templates/layout/page.html.twig +++ b/agaric/templates/layout/page.html.twig @@ -80,9 +80,7 @@ {% block tabs %} {# Drupal tabs #} {% if page.header_tabs %} -
- {{ page.header_tabs }} -
+ {{ page.header_tabs }} {% endif %} {% endblock tabs %} {% endblock header %}