DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/assets/stylesheets/02_utils.scss
View file

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

21
app/assets/stylesheets/forms.scss
View file

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

2
app/components/editable_champ/champ_label_content_component/champ_label_content_component.en.yml
View file

@ -2,6 +2,6 @@
en: en:
changes_to_save: "modifications to submit" changes_to_save: "modifications to submit"
modified_at: "modified on %{datetime}" 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) optional_champ: (optional)
recommended_size: The recommended maximum size is %{size} characters. recommended_size: The recommended maximum size is %{size} characters.

2
app/components/editable_champ/champ_label_content_component/champ_label_content_component.fr.yml
View file

@ -2,6 +2,6 @@
fr: fr:
changes_to_save: "modification à déposer" changes_to_save: "modification à déposer"
modified_at: "modifié le %{datetime}" 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) optional_champ: (facultatif)
recommended_size: La taille maximale conseillée est de %{size} caractères. recommended_size: La taille maximale conseillée est de %{size} caractères.