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

Compare commits

base: agaric:5a2b054beed26316d374a38802a4207be12104f6
Branches Tags
agaric:master
agaric:fix-hero-banner
..
compare: agaric:0f9e98be8ac0e585a718438624daa6ad03bc65ee
Branches Tags
agaric:master
agaric:fix-hero-banner

No commits in common. "5a2b054beed26316d374a38802a4207be12104f6" and "0f9e98be8ac0e585a718438624daa6ad03bc65ee" have entirely different histories.
5a2b054bee ... 0f9e98be8a

4 changed files with 45 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

17
agaric/css/agaric.css
View file

@ -7631,10 +7631,10 @@ ion-icon {
z-index: +400; } z-index: +400; }
.is-fixed #logo .logo-color { .is-fixed #logo .logo-color {
fill: currentColor; } fill: currentColor; }
.is-fixed + div[data-drupal-messages-fallback] + section { .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 {
padding-top: 3.3125em; } padding-top: 3.3125em; }
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
.is-fixed + div[data-drupal-messages-fallback] + section { .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 {
padding-top: 5.875em; } } padding-top: 5.875em; } }
.toolbar-tray-open.toolbar-horizontal .is-fixed { .toolbar-tray-open.toolbar-horizontal .is-fixed {
padding-top: 79px; } padding-top: 79px; }
@ -7883,6 +7883,19 @@ a.navbar-link:focus,
.is-dark .tabs a:hover { .is-dark .tabs a:hover {
color: #FFFFFF; } 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 { a.card {
display: block; display: block;
height: 100%; height: 100%;

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

@ -17,7 +17,10 @@
#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,3 +19,26 @@
} }
} }
} }
// 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;
}
}
}

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

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