scss: display consent banner at the top when there's a bottom bar (#32974)
This commit is contained in:
parent
54c9eb4395
commit
744f04d239
|
@ -14,3 +14,4 @@ $button-background: #804697;
|
|||
$title-background: transparent; //#804697;
|
||||
$title-color: #8D59A1;
|
||||
$cell-border: 0 solid transparent;
|
||||
$nav-mobile-mode: none;
|
||||
|
|
|
@ -120,7 +120,7 @@ a#publik-portal-agent {
|
|||
div#consent_banner {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 1000;
|
||||
z-index: 10000;
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
text-align: center;
|
||||
box-shadow: 0 0 8px 1px #666;
|
||||
|
@ -141,6 +141,26 @@ div#consent_banner {
|
|||
}
|
||||
}
|
||||
|
||||
%top-consent-banner {
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
position: absolute;
|
||||
background: rgba(255, 255, 255, 0.98);
|
||||
box-shadow: 0 0 8px 1px #333;
|
||||
top: 0;
|
||||
bottom: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@if $nav-mobile-mode == bottom-bar {
|
||||
div#consent_banner {
|
||||
@extend %top-consent-banner;
|
||||
}
|
||||
} @else {
|
||||
body.pwa div#consent_banner {
|
||||
@extend %top-consent-banner;
|
||||
}
|
||||
}
|
||||
|
||||
ul.logout-list {
|
||||
padding: 0;
|
||||
margin: 1em;
|
||||
|
|
|
@ -24,3 +24,4 @@ $body-background: white;
|
|||
$widget-background: white;
|
||||
$widget-border: 1px solid #AAA;
|
||||
$widget-border-radius: 0;
|
||||
$nav-mobile-mode: none;
|
||||
|
|
|
@ -15,3 +15,4 @@ $nav-after-image: false;
|
|||
$footer-background: #3a3a3a;
|
||||
$footer-color: #b4b4b4;
|
||||
$footer-menucell-separator: 1px solid #b4b4b4;
|
||||
$nav-mobile-mode: none;
|
||||
|
|
|
@ -11,3 +11,4 @@ $button-background: #46CFC0;
|
|||
$button-color: rgb(49, 69, 93);
|
||||
$cell-border: 0;
|
||||
$cell-title-cover-border: false;
|
||||
$nav-mobile-mode: none;
|
||||
|
|
|
@ -68,7 +68,7 @@ data-api-root="{{ site_base }}/api/"
|
|||
{% end_skeleton_extra_placeholder %}
|
||||
{% endblock %}
|
||||
|
||||
{% block bodyclasses %}
|
||||
{% block bodyclasses %}{% if pwa_display %}pwa{% endif %}
|
||||
page-{{ page.slug }} page-template-{{ page.template_name }} {% with pages.0.slug as section %}{% if section %}section-{{section}}{% endif %}{% endwith %}
|
||||
{% skeleton_extra_placeholder extra-body-class %}
|
||||
{% if user.is_authenticated %}authenticated-user{% else %}anonymous-user{% endif %}
|
||||
|
|
Loading…
Reference in New Issue