style: improve readibility of updated-at/rebase notices, closer to dsfr colors

This commit is contained in:
Colin Darie 2024-02-21 16:38:13 +01:00
parent 896f48a7b3
commit e1eba45739
No known key found for this signature in database
GPG key ID: 8C76CADD40253590
4 changed files with 10 additions and 23 deletions

View file

@ -145,9 +145,11 @@
// who known
.highlighted {
background-color: var(--background-contrast-yellow-moutarde); // from fr-badge--new
color: var(--text-action-high-grey);
background-clip: content-box;
background-color: var(
--background-contrast-yellow-moutarde
); // from fr-badge--new
color: var(--text-label-yellow-tournesol);
padding: 0 0.5rem;
}
.overflow-y-visible {

View file

@ -72,13 +72,6 @@
border-bottom: 2px solid $border-grey;
}
@mixin notice-text-style {
font-size: 16px;
color: $dark-grey;
}
label:not(.fr-label),
legend.form-label {
font-size: 18px;
@ -101,9 +94,9 @@
}
.notice {
@include notice-text-style;
margin-top: - $default-spacer;
margin-bottom: $default-padding;
color: var(--text-mention-grey);
p {
margin-bottom: $default-spacer;
@ -118,7 +111,7 @@
position: relative;
.updated-at {
@include notice-text-style;
font-size: 0.875rem;
float: right;
margin-left: $default-spacer;
visibility: hidden;
@ -127,6 +120,7 @@
&:hover .updated-at,
.updated-at.highlighted {
visibility: visible;
margin-bottom: 4px;
}
&.editable-champ-checkbox {
@ -495,15 +489,6 @@
justify-content: space-between;
}
.send-notice {
@include notice-text-style;
margin-bottom: $default-padding;
}
.send-wrapper + .send-notice {
margin-top: - $default-padding;
}
.inline-champ {
margin-left: $default-spacer;
margin-right: $default-spacer;

View file

@ -2,6 +2,6 @@
en:
changes_to_save: "modifications to submit"
modified_at: "modified on %{datetime}"
check_content_rebased: The type of this field or its description has been modified by the administration. Check its content.
check_content_rebased: "Information: field updated by administration. Check its content."
optional_champ: (optional)
recommended_size: The recommended maximum size is %{size} characters.

View file

@ -2,6 +2,6 @@
fr:
changes_to_save: "modification à déposer"
modified_at: "modifié le %{datetime}"
check_content_rebased: Le type de ce champ ou sa description ont été modifiés par l'administration. Vérifier son contenu.
check_content_rebased: "Information : champ actualisé par l'administration. Vérifier son contenu."
optional_champ: (facultatif)
recommended_size: La taille maximale conseillée est de %{size} caractères.