Skip to content
Permalink
Browse files
HOP-2734 cookie banner layout changes
  • Loading branch information
bamaer committed Apr 2, 2021
1 parent aaafdae commit 0fef89466006a8958a4f4037c28a9f2713bc10d2
Show file tree
Hide file tree
Showing 3 changed files with 28 additions and 17 deletions.
@@ -2,7 +2,6 @@
color: #222;
padding: 6px;
font-size: 1rem;
text-align: center;
position: fixed;
width: 100%;
bottom: 0;
@@ -14,9 +13,11 @@
position: absolute;
bottom: 0;
left: 0;
font-size: 2rem;
padding-top: 10rem;
padding-bottom: 3rem;
font-size: 1rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 25rem;
padding-right: 25rem;
}

#cookies-eu-content a {
@@ -33,7 +34,7 @@
cursor: pointer;
padding: 4px 7px;
margin: 2px 0;
font-size: 2rem;
font-size: 1rem;
font-weight: bold;
transition: background 0.07s, color 0.07s, border-color 0.07s;
}
@@ -48,12 +49,10 @@
cursor: pointer;
padding: 4px 7px;
margin: 2px 0;
font-size: 0.7rem;
font-size: 1rem;
font-weight: bold;
transition: background 0.07s, color 0.07s, border-color 0.07s;
position: absolute;
bottom: 0;
right: 0;
}

#cookies-eu-more:hover,
@@ -86,6 +85,10 @@
color: #222;
}

#cookies-buttons {
padding-top: 0.7rem;
}

@media screen and (max-width: 1023px) {
#cookies-eu-content {
font-size: 6vw;
@@ -4,13 +4,16 @@
{{> head defaultPageTitle='Untitled'}}
</head>
<body class="article">
<div class="cookie-banner" id="cookies-eu-banner" style="display: none;">
<div id="cookies-eu-content">
By continuing to visit this site, you accept the use of <a href ="{{siteRootPath}}/cookie-info/">cookies.</a>
<button id="cookies-eu-accept">Accept</button>
</div>
<div id="cookies-eu-content">
<div>
<p><b>This website uses cookies</b></p>
We use cookies to anonymously analyze site traffic so we can offer you a better browsing experience. By continuing to visit this site, you accept the use of <a href ="{{siteRootPath}}/cookie-info/">cookies.</a>
</div>
<div id="cookies-buttons">
<button id="cookies-eu-accept">Accept</button>
<button id="cookies-eu-reject">Reject</button>
</div>
</div>
{{> header}}
{{> body}}
{{> footer}}
@@ -19,11 +19,16 @@

<body class="{{ if .Page.IsHome }}homepage {{ end }}article">
<div class="cookie-banner" id="cookies-eu-banner" style="display: none;">
<div id="cookies-eu-content">
By continuing to visit this site, you accept the use of <a href ="{{ .Site.BaseURL}}cookie-info/">cookies.</a>
<button id="cookies-eu-accept">Accept</button>
<div id="cookies-eu-content">
<div>
<p><b>This website uses cookies</b></p>
We use cookies to anonymously analyze site traffic so we can offer you a better browsing experience. By continuing to visit this site, you accept the use of <a href ="{{ .Site.BaseURL}}cookie-info/">cookies.</a>
</div>
<div id="cookies-buttons">
<button id="cookies-eu-accept">Accept</button>
<button id="cookies-eu-reject">Reject</button>
</div>
</div>
<button id="cookies-eu-reject">Reject</button>
</div>

<header class="header">

0 comments on commit 0fef894

Please sign in to comment.