Verified Commit 5601e6ce authored by Laurent Heirendt's avatar Laurent Heirendt
Browse files

Merge branch 'add-close-btn' into add-gdpr

parents 62d8dec0 4cbae147
<div id="lap-cookies-banner"> <div id="lap-cookies-banner">
<div class="banner-intro"> <div class="banner-intro">
<div class="close-button">
<a class="lap-refuse"><i class="fa fa-times" aria-hidden="true"></i></a>
</div>
<div class="banner-img"> <div class="banner-img">
<img src="{{ '/assets/banners/r3-logo.svg' | relative_url }}" type="image/svg+xml" /> <img src="{{ '/assets/banners/r3-logo.svg' | relative_url }}" type="image/svg+xml" />
</div> </div>
......
...@@ -49,6 +49,11 @@ ...@@ -49,6 +49,11 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
#lap-cookies-banner .close-button {
position: absolute;
left: 100%;
}
#lap-cookies-banner .banner-buttons .banner-buttons-more { #lap-cookies-banner .banner-buttons .banner-buttons-more {
position: relative; position: relative;
left: 55%; left: 55%;
...@@ -189,6 +194,21 @@ label.input-toggle { ...@@ -189,6 +194,21 @@ label.input-toggle {
position: relative; position: relative;
} }
@media(max-width: 500px) {
#lap-cookies-banner .banner-intro {
width: 60%;
position: relative;
left: 20%;
text-align: left;
}
#lap-cookies-banner .banner-buttons .banner-buttons-more {
position: relative;
left: 25%;
top: 10px;
width: 50%;
}
}
@media(max-width: 1100px) { @media(max-width: 1100px) {
#lap-cookies-banner .banner-intro { #lap-cookies-banner .banner-intro {
width: 90%; width: 90%;
...@@ -204,8 +224,35 @@ label.input-toggle { ...@@ -204,8 +224,35 @@ label.input-toggle {
} }
#lap-cookies-banner .banner-buttons .banner-buttons-more { #lap-cookies-banner .banner-buttons .banner-buttons-more {
position: relative; position: relative;
left: 40%; left: 25%;
top: 10px; top: 10px;
width: 50%;
}
}
@media(max-width: 1600px) {
#lap-cookies-banner .banner-intro {
width: 60%;
position: relative;
left: 20%;
text-align: left;
}
}
/* ultra-wide screen */
@media(min-width: 2400px) {
#lap-cookies-banner .banner-intro {
position: relative;
text-align: left;
max-width: 800px;
left: 35%;
}
#lap-cookies-banner .banner-buttons .banner-buttons-more {
position: relative;
left: 50%;
top: -28px;
width: 20%; width: 20%;
} }
} }
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment