scss: display consent banner at the top when there's a bottom bar (#32974)

This commit is contained in:
Serghei Mihai 2019-05-10 14:10:58 +02:00 committed by Frédéric Péters
parent 54c9eb4395
commit 744f04d239
6 changed files with 26 additions and 2 deletions

View File

@ -14,3 +14,4 @@ $button-background: #804697;
$title-background: transparent; //#804697;
$title-color: #8D59A1;
$cell-border: 0 solid transparent;
$nav-mobile-mode: none;

View File

@ -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;

View File

@ -24,3 +24,4 @@ $body-background: white;
$widget-background: white;
$widget-border: 1px solid #AAA;
$widget-border-radius: 0;
$nav-mobile-mode: none;

View File

@ -15,3 +15,4 @@ $nav-after-image: false;
$footer-background: #3a3a3a;
$footer-color: #b4b4b4;
$footer-menucell-separator: 1px solid #b4b4b4;
$nav-mobile-mode: none;

View File

@ -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;

View File

@ -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 %}