Add cookie spaceman to gdpr banner (#1651)

* Add cookie spaceman to gdpr banner

* Add spaceman graphic to static

* Add graphic to STATIC_ASSET_PATHS

* Add cookie spaceman to gdpr banner

* Add spaceman graphic to static

* Add graphic to STATIC_ASSET_PATHS

* Hide spaceman on mobile

* Adjust gdpr container for medium screens
This commit is contained in:
Rave | 図書館猫 2022-06-13 15:29:13 +02:00 committed by GitHub
parent 60f48b1a3b
commit d5b7f25191
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 113 additions and 0 deletions

71
static/img/cookie.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 30 KiB

View file

@ -1671,6 +1671,47 @@ input:not(input:-webkit-autofill)::-webkit-contacts-auto-fill-button {
#onetrust-consent-sdk #onetrust-banner-sdk { #onetrust-consent-sdk #onetrust-banner-sdk {
background-color: var(--color-header-background); background-color: var(--color-header-background);
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
max-height: 100%;
height: 190px;
#onetrust-button-group-parent {
margin-top: 10px;
}
.banner_logo {
display: block;
float: left;
margin-top: 20px;
margin-left: 80px;
margin-right: 30px;
width: 150px;
height: 150px;
background-image: url('/public/img/cookie.svg');
background-size: contain;
background-repeat: no-repeat;
@media (max-width: $breakpoint-medium) {
margin-left: 30px;
margin-right: 10px;
}
@media (max-width: $breakpoint-small) {
display: none;
}
}
@media (max-width: $breakpoint-medium) {
#onetrust-policy {
margin-right: 60px;
}
#onetrust-button-group-parent {
margin-top: 0;
#onetrust-button-group {
margin-right: 10px !important;
}
}
}
#onetrust-policy-title, #onetrust-policy-title,
#onetrust-policy-text, #onetrust-policy-text,

View file

@ -20,6 +20,7 @@ const STATIC_ASSET_PATHS = [
'/public/img/thumbnail-broken.png', '/public/img/thumbnail-broken.png',
'/public/img/thumbnail-missing.png', '/public/img/thumbnail-missing.png',
'/public/img/total-background.png', '/public/img/total-background.png',
'/public/img/cookie.svg',
]; ];
async function redirectMiddleware(ctx, next) { async function redirectMiddleware(ctx, next) {