Merge branch 'fixed-bar-fixes' into 'master'
Fixed bar fixes See merge request agaric/patternlibrary!8
This commit is contained in:
commit
1fad6093ad
3 changed files with 24 additions and 2 deletions
|
@ -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%;
|
||||
|
|
|
@ -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.
|
||||
|
|
|
@ -34,3 +34,11 @@
|
|||
top: 5.875em;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-tray-open.toolbar-horizontal {
|
||||
.floating-tabs {
|
||||
@include desktop {
|
||||
top: 9.875em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue