Cookie-law: Change class for wrapper and change text base on www

This commit is contained in:
Konstantinos Triantafyllou 2022-06-08 18:22:05 +03:00
parent d79a959576
commit 5a107677fb
3 changed files with 9 additions and 12 deletions

View File

@ -94,10 +94,10 @@ export class CookieLawComponent implements OnInit {
@HostBinding('attr.seen') @HostBinding('attr.seen')
public isSeen: boolean; public isSeen: boolean;
private animation: CookieLawAnimation; public animation: CookieLawAnimation;
private closeSvg: SafeHtml; private closeSvg: SafeHtml;
private currentStyles: {}; public currentStyles: {};
private _learnMore: string; private _learnMore: string;
private _target: CookieLawTarget; private _target: CookieLawTarget;
private _position: CookieLawPosition; private _position: CookieLawPosition;

View File

@ -1,15 +1,15 @@
.cookie-law-wrapper a { .openaire-cookie-wrapper a {
color: #bbb; color: #bbb;
-webkit-transition: color .2s; -webkit-transition: color .2s;
transition: color .2s; transition: color .2s;
} }
.cookie-law-wrapper a:hover { .openaire-cookie-wrapper a:hover {
color: #fff; color: #fff;
} }
.cookie-law-wrapper a:hover svg { .openaire-cookie-wrapper a:hover svg {
fill: #fff; fill: #fff;
} }
.cookie-law-wrapper { .openaire-cookie-wrapper {
background: #333; background: #333;
color: #bbb; color: #bbb;
display: block; display: block;

View File

@ -1,4 +1,4 @@
<div class="cookie-law-wrapper" <div class="openaire-cookie-wrapper"
[ngStyle]="currentStyles" [ngStyle]="currentStyles"
*ngIf="!cookieLawSeen" *ngIf="!cookieLawSeen"
[@state]="animation" [@state]="animation"
@ -8,10 +8,7 @@
<span #ref><ng-content></ng-content></span> <span #ref><ng-content></ng-content></span>
<span *ngIf="ref.childNodes.length == 0"> <span *ngIf="ref.childNodes.length == 0">
By continuing to browse the site, you're agreeing to our use of cookies. By using this website, you agree to use of cookies as described in our <a [href]="learnMore" [target]="target">Privacy Policy</a>.
<span *ngIf="learnMore">
Learn more in our <a [href]="learnMore" [target]="target">privacy policy</a>.
</span>
</span> </span>
<a href="#" role="button" <a href="#" role="button"