Color Configuration for Cookie Banner (#1302)

* Color Configuration for Cookie Banner

Right now, the colors of the cookie banner are hard-coded which can
easily clash with the configured site colors in site settings.

This patch switches to using the configured colors instead.

* Update application.scss

Co-authored-by: Ahmad Farhat <ahmad.af.farhat@gmail.com>
Co-authored-by: Jesus Federico <jesus@123it.ca>
This commit is contained in:
Lars Kiesow 2020-04-16 18:46:46 +02:00 committed by GitHub
parent 7738499978
commit 311806faa7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 5 deletions

View File

@ -136,9 +136,7 @@ a {
.cookies-banner { .cookies-banner {
color: white; color: white;
background-color: $button-color-blue; background-color: $button-color-blue;
#cookies-agree-button { #cookies-agree-button {
background-color: green !important;
margin: 0; margin: 0;
} }
} }
@ -180,4 +178,4 @@ table {
#delete-confirm:disabled { #delete-confirm:disabled {
cursor: not-allowed; cursor: not-allowed;
} }

View File

@ -14,13 +14,13 @@
%> %>
<% if cookies && cookies['cookie_consented'] != 'true' %> <% if cookies && cookies['cookie_consented'] != 'true' %>
<div class="cookies-banner fixed-bottom text-center d-inline-block"> <div class="primary-lighten cookies-banner fixed-bottom text-center d-inline-block">
<div class="cookies-banner-content py-3"> <div class="cookies-banner-content py-3">
<span class="cookies-warning-text pr-5"> <span class="cookies-warning-text pr-5">
<%= t("cookies.cookie_info") %> <%= t("cookies.cookie_info") %>
</span> </span>
<span class="cookies-warning-button d-inline-block"> <span class="cookies-warning-button d-inline-block">
<button id="cookies-agree-button" class="btn customBtn bg-primary"><%= t("cookies.cookie_button") %></button> <button id="cookies-agree-button" class="btn customBtn primary-regular"><%= t("cookies.cookie_button") %></button>
</span> </span>
</div> </div>
</div> </div>