You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@hop.apache.org by ha...@apache.org on 2021/04/02 06:52:03 UTC
[incubator-hop-website] branch master updated: HOP-2734 cookie
banner layout changes
This is an automated email from the ASF dual-hosted git repository.
hansva pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-hop-website.git
The following commit(s) were added to refs/heads/master by this push:
new 0fef894 HOP-2734 cookie banner layout changes
new 644e5f3 Merge pull request #39 from bamaer/HOP-2734
0fef894 is described below
commit 0fef89466006a8958a4f4037c28a9f2713bc10d2
Author: Bart Maertens <ba...@know.bi>
AuthorDate: Fri Apr 2 08:41:48 2021 +0200
HOP-2734 cookie banner layout changes
---
antora-ui-hop/src/css/cookies-eu-banner.default.css | 19 +++++++++++--------
antora-ui-hop/src/layouts/default.hbs | 13 ++++++++-----
layouts/partials/header.html | 13 +++++++++----
3 files changed, 28 insertions(+), 17 deletions(-)
diff --git a/antora-ui-hop/src/css/cookies-eu-banner.default.css b/antora-ui-hop/src/css/cookies-eu-banner.default.css
index 0282816..0eb6b04 100644
--- a/antora-ui-hop/src/css/cookies-eu-banner.default.css
+++ b/antora-ui-hop/src/css/cookies-eu-banner.default.css
@@ -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;
diff --git a/antora-ui-hop/src/layouts/default.hbs b/antora-ui-hop/src/layouts/default.hbs
index 95a698d..495bc2b 100644
--- a/antora-ui-hop/src/layouts/default.hbs
+++ b/antora-ui-hop/src/layouts/default.hbs
@@ -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}}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index b5f1836..e5003d0 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -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">