Merge branch 'fixed-bar-fixes' into 'master'

Fixed bar fixes

See merge request agaric/patternlibrary!8

agaric/css/agaric.css

@@ -7462,7 +7462,7 @@ ion-icon {
   top: 0;
   left: 0;
   right: 0;
-  z-index: +999; }
+  z-index: +400; }
   .is-fixed #logo .logo-color {
     fill: currentColor; }
   .is-fixed + section,
@@ -7477,6 +7477,9 @@ ion-icon {
       .is-fixed + .floating-tabs + #main-content + .node > section:first-child {
         padding-top: 5.875em; } }
 
+.toolbar-tray-open.toolbar-horizontal .is-fixed {
+  padding-top: 79px; }
+
 :target::before {
   content: "";
   display: block;
@@ -7745,6 +7748,10 @@ a.navbar-link:focus,
     .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%;

agaric/sass/agaric/_component.navbar.scss

@@ -12,7 +12,7 @@
   top: 0;
   left: 0;
   right: 0;
-  z-index: +999;
+  z-index: +400;
   //
   #logo .logo-color {
     fill: currentColor;
@@ -28,6 +28,13 @@
   }
 }
 
+// If the toolbar is present, the is-fixed block must be displayed below the tool bar:
+.toolbar-tray-open.toolbar-horizontal {
+  .is-fixed {
+    padding-top: 79px;
+  }
+}
+
 // Attempt to keep anchor targets below the fixed header rather than having its
 // associated content hidden behind the header; hence the height and negative
 // margin here match the fixed header height at different breakpoints.

agaric/sass/agaric/_component.tabs.scss

@@ -34,3 +34,11 @@
     top: 5.875em;
   }
 }
+
+.toolbar-tray-open.toolbar-horizontal {
+  .floating-tabs {
+    @include desktop {
+      top: 9.875em;
+    }
+  }
+}