add lighter blue for section type background

This commit is contained in:
Lisa Durand 2023-04-04 10:33:02 +02:00
parent 4336184fc8
commit b1e9fca9b2
3 changed files with 6 additions and 18 deletions

View file

@ -23,5 +23,6 @@ $light-yellow: #FFFFDE;
$blue-france-700: #00006D; $blue-france-700: #00006D;
$blue-france-500: #000091; $blue-france-500: #000091;
$blue-france-400: #7F7FC8; $blue-france-400: #7F7FC8;
$blue-cumulus-950: #E6EEFE;
$g700: #383838; $g700: #383838;
$alt-blue-france: rgba(245, 245, 254, 1); $alt-blue-france: rgba(245, 245, 254, 1);

View file

@ -67,7 +67,7 @@
} }
.head { .head {
background-color: #D9ECFF; background-color: #FAFDFF;
select { select {
margin-bottom: 0px; margin-bottom: 0px;
@ -75,23 +75,10 @@
} }
&.type-header-section { &.type-header-section {
&, background-color: $blue-cumulus-950;
.head { .head {
background-color: $blue-france-500; background-color: $blue-cumulus-950;
}
.handle.icon {
filter: contrast(0%) brightness(200%);
opacity: 0.9;
}
label {
color: $light-grey;
}
.conditionnel,
p {
color: $white;
} }
} }

View file

@ -1,5 +1,5 @@
%li.type-de-champ.flex.column.justify-start{ html_options } %li.type-de-champ.flex.column.justify-start{ html_options }
.flex.justify-start.section.head{ class: type_de_champ.header_section? ? '' : 'hr' } .flex.justify-start.section.head.hr
.handle.small.icon-only.icon.move-handle{ title: "Déplacer le champ vers le haut ou vers le bas" } .handle.small.icon-only.icon.move-handle{ title: "Déplacer le champ vers le haut ou vers le bas" }
.flex.justify-start.delete .flex.justify-start.delete
= button_to type_de_champ_path, class: 'button small icon-only danger', method: :delete, form: { data: { turbo_confirm: 'Êtes vous sûr de vouloir supprimer ce champ ?' } } do = button_to type_de_champ_path, class: 'button small icon-only danger', method: :delete, form: { data: { turbo_confirm: 'Êtes vous sûr de vouloir supprimer ce champ ?' } } do