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

Fixed bar fixes

See merge request agaric/patternlibrary!8
This commit is contained in:
mlncn 2019-01-16 19:16:22 +00:00
commit 1fad6093ad
3 changed files with 24 additions and 2 deletions

View file

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

View file

@ -12,7 +12,7 @@
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: +999; z-index: +400;
// //
#logo .logo-color { #logo .logo-color {
fill: currentColor; 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 // Attempt to keep anchor targets below the fixed header rather than having its
// associated content hidden behind the header; hence the height and negative // associated content hidden behind the header; hence the height and negative
// margin here match the fixed header height at different breakpoints. // margin here match the fixed header height at different breakpoints.

View file

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