ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve cokkieconsent box styling.

Browse source
This commit is contained in:
Fredrik Jonsson 2023-12-08 08:54:56 +01:00
commit 5ec7742bfe
2 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/sass/components/cookieconsent/_cookieconsent.scss
View file

@ -1,21 +1,21 @@
// Cookieconsent
.cookieconsent {
display: flex;
flex-flow: wrap;
justify-content: center;
gap: .5rem;
position: sticky;
bottom: 0;
width: 100%;
padding-block-start: .5rem;
color: var(--color-warning);
background-color: var(--color-warning-bg);
border-top: 4px solid var(--color-warning-border);
font-size: var(--fs-s);
text-align: center;
transform: translateY(100vh);
transition: all 130ms ease-out;
z-index: 99;
a {
color: inherit;
}
}
.button {

6
layouts/partials/cookieconsent.html
View file

@ -1,10 +1,10 @@
<div class="cookieconsent layout__cookieconsent hidden">
<div class="cookieconsent__message">
{{ i18n "cookieconsent_message" }}
{{ with site.Params.privacyPolicyUrl }}<a href="{{ . }}">{{ i18n "privacy_policy" }}</a>{{ end }}
</div>
<div class="cookieconsent__actions">
<button class="button button--small button--cookieconsent button--decline" type="button" data-consent="false">{{ i18n "cookieconsent_decline" }}</button>
<button class="button button--small button--cookieconsent button--accept" type="button" data-consent="true">{{ i18n "cookieconsent_accept" }}</button>
<button class="button button--small button--decline" type="button" data-consent="false">{{ i18n "cookieconsent_decline" }}</button>
<button class="button button--small button--accept" type="button" data-consent="true">{{ i18n "cookieconsent_accept" }}</button>
{{ with site.Params.privacyPolicyUrl }}<a class="button button--small" href="{{ . }}">{{ i18n "privacy_policy" }}</a>{{ end }}
</div>
</div>