agaric/patternlibrary
10
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Ditch the ridiculous floating tabs

Browse source
This commit is contained in:
benjamin melançon 2025-09-24 23:22:21 -04:00
parent 0f9e98be8a
commit e756bf8a35
3 changed files with 2 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

5
agaric/sass/agaric/_component.navbar.scss
View file

@ -17,10 +17,7 @@
#logo .logo-color { #logo .logo-color {
fill: currentColor; fill: currentColor;
} }
& + div[data-drupal-messages-fallback] + section, & + 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 {
padding-top: 3.3125em; padding-top: 3.3125em;
@include desktop { @include desktop {
padding-top: 5.875em; padding-top: 5.875em;

23
agaric/sass/agaric/_component.tabs.scss
View file

@ -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;
}
}
}

2
agaric/templates/layout/page.html.twig
View file

@ -80,9 +80,7 @@
{% block tabs %} {% block tabs %}
{# Drupal tabs #} {# Drupal tabs #}
{% if page.header_tabs %} {% if page.header_tabs %}
<div class="floating-tabs">
{{ page.header_tabs }} {{ page.header_tabs }}
</div>
{% endif %} {% endif %}
{% endblock tabs %} {% endblock tabs %}
{% endblock header %} {% endblock header %}