forked from External/greenlight
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:
parent
7738499978
commit
311806faa7
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue