mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-06-05 07:09:02 +02:00
Antoine Clausse
b57df2602a
* Reapply "[web] Make CIAM login notification dismissible (with cookies) (#30251)" This reverts commit 7bafafe54b24245c4da88d1c81540a3b1c98231b. * Add a test `should redirect to /register with a notification` * Fix destructuring of options in notification mixins * Remove `data-ol-dismiss-cookie-paths` default, enforce it being set * Handle the case of standard notifications without the dismiss setup Co-authored-by: Jakob Ackermann <jakob.ackermann@overleaf.com> --------- Co-authored-by: Jakob Ackermann <jakob.ackermann@overleaf.com> GitOrigin-RevId: fbf441c1efe0aa5d80899a31ec3ad51c1dba6d24
59 lines
1.1 KiB
SCSS
59 lines
1.1 KiB
SCSS
@use 'sass:math';
|
|
|
|
.notification.notification-ds {
|
|
@include ds-body-sm-regular;
|
|
|
|
color: var(--ds-color-text-primary);
|
|
padding: 0 var(--ds-spacing-400);
|
|
border-width: 0;
|
|
border-radius: var(--ds-border-radius-200);
|
|
gap: var(--ds-spacing-300);
|
|
|
|
.notification-icon {
|
|
font-size: math.div(20em, 14);
|
|
display: flex;
|
|
align-items: center;
|
|
padding: var(--ds-spacing-50);
|
|
}
|
|
|
|
.notification-content {
|
|
padding: var(--ds-spacing-400) 0;
|
|
}
|
|
|
|
&.notification-type-error {
|
|
background-color: var(--ds-color-red-50);
|
|
}
|
|
|
|
&.notification-type-info {
|
|
background-color: var(--ds-color-blue-50);
|
|
}
|
|
|
|
.notification-close-btn {
|
|
align-self: flex-start;
|
|
padding: var(--ds-spacing-400) 0 0;
|
|
height: auto;
|
|
|
|
button {
|
|
@include ds-heading-sm-regular;
|
|
|
|
color: var(--ds-color-neutral-950);
|
|
padding: var(--ds-spacing-150);
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background-color: var(--ds-color-blue-100);
|
|
}
|
|
|
|
&:active {
|
|
background-color: var(--ds-color-blue-200);
|
|
}
|
|
|
|
&:focus-visible {
|
|
background: transparent;
|
|
|
|
@include ds-focus-outline;
|
|
}
|
|
}
|
|
}
|
|
}
|