mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
Kam
ae1d81c8c5
The cookie consent popup showed only text and two buttons. Add the
Angie greeting pose to it so the first thing a new visitor sees carries
the same mascot treatment already used across the docs (the 404 page,
empty search results, the preview error state).
The message and mascot sit in a flex header row; the two action buttons
now share the row equally so they fill the card instead of leaving a
trailing gap. Layout only, the consent behaviour is unchanged.
(cherry picked from commit 6a3487f7b7)
37 lines
921 B
HTML
37 lines
921 B
HTML
@if (!hasAccepted()) {
|
|
<div class="docs-cookies-popup docs-invert-mode">
|
|
<div class="docs-cookies-popup-header">
|
|
<img
|
|
class="docs-cookies-popup-angie"
|
|
src="assets/images/angie/greeting.svg"
|
|
alt=""
|
|
aria-hidden="true"
|
|
/>
|
|
<p>This site uses cookies from Google to deliver its services and to analyze traffic.</p>
|
|
</div>
|
|
|
|
<div class="docs-cookies-popup-actions">
|
|
<a
|
|
href="https://policies.google.com/technologies/cookies"
|
|
target="_blank"
|
|
rel="noopener"
|
|
class="docs-primary-btn"
|
|
aria-label="Learn more about how Google uses cookies"
|
|
text="Learn more"
|
|
>
|
|
Learn more
|
|
</a>
|
|
|
|
<button
|
|
type="button"
|
|
(click)="accept()"
|
|
class="docs-primary-btn"
|
|
text="Ok, Got it"
|
|
aria-label="Ok, Got it"
|
|
>
|
|
Ok, Got it
|
|
</button>
|
|
</div>
|
|
</div>
|
|
}
|