diff --git a/src/app/features/administration/form/date/list/day/day-list.component.html b/src/app/features/administration/form/date/list/day/day-list.component.html index 46fee8b6..3a367730 100644 --- a/src/app/features/administration/form/date/list/day/day-list.component.html +++ b/src/app/features/administration/form/date/list/day/day-list.component.html @@ -37,7 +37,7 @@ />
- + Supprimer la date
diff --git a/src/app/features/administration/form/date/list/day/day-list.component.scss b/src/app/features/administration/form/date/list/day/day-list.component.scss index 82359c8a..98711a8b 100644 --- a/src/app/features/administration/form/date/list/day/day-list.component.scss +++ b/src/app/features/administration/form/date/list/day/day-list.component.scss @@ -1,84 +1,108 @@ @import '../../../../../../../styles/variables'; + .day-list-container { padding-bottom: 2rem; -} -.day-weekend { - background: #dccfed; -} -.button { - min-width: 9ch; -} - -.icon { - margin-right: 1ch; - margin-left: 1ch; - display: inline-block; -} - -.several-times { - padding-left: 2em; - width: 96.5%; -} - -.date-choice { - margin-bottom: 0.5em; - border-radius: 0.25em; - background: $bg-grey; - - .columns { - margin-bottom: 0; + .day-weekend { + background: #dccfed; } - label { - font-weight: 600; - } - input, + .button { - width: 100%; - display: block; + min-width: 9ch; } - hr { - margin: 0.5em -1em; - background: $rules; + + .icon { + margin-right: 1ch; + margin-left: 1ch; + display: inline-block; } - //&.day-weekend { - // background: mix($legend_color_2, $grey-lighter); - //} - //&:nth-child(odd) { - // background: $grey-lighter; - // - // &.day-weekend { - // background: mix($d-neutral, $grey-lighter); - // } - //} -} - -.date-choice-item { - width: 75%; -} - -.button .fa { - margin-left: 1ch; - display: inline-block; -} - -.delete-date { - color: $secondary_color !important; - border: 0; - background: transparent; - .fa { - color: $secondary_color !important; + .several-times { + padding-left: 2em; + width: 96.5%; } - &:hover { - color: $white; - background-color: $primary_color; + + .date-choice { + margin-bottom: 0.5em; + border-radius: 0.25em; + background: $bg-grey; + + .columns { + margin-bottom: 0; + } + + label { + font-weight: 600; + } + + input { + margin-bottom: 1rem; + } + input, + .button { + width: 100%; + display: block; + } + + hr { + margin: 0.5em -1em; + background: $rules; + } + + //&.day-weekend { + // background: mix($legend_color_2, $grey-lighter); + //} + + //&:nth-child(odd) { + // background: $grey-lighter; + // + // &.day-weekend { + // background: mix($d-neutral, $grey-lighter); + // } + //} + } + + .date-choice-item { + width: 75%; + } + + .button .fa { + margin-left: 1ch; + display: inline-block; + } + + .delete-date { + color: $primary_color; + border: 0; + background: transparent; + text-align: left; + + .fa, + .icon { + float: left; + color: $primary_color; + margin-right: 1rem; + height: 1.25rem; + // filter converter is here https://codepen.io/sosuke/pen/Pjoqqp + filter: invert(48%) sepia(68%) saturate(6489%) hue-rotate(233deg) brightness(89%) contrast(81%); + } + + &:hover { + color: $white; + background-color: $primary_color; + + .fa, + .icon { + color: $white; + filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(80deg) brightness(104%) contrast(105%); + } + } + } + + .format-helper { + font-style: normal; + font-weight: normal; + font-size: 14px; + line-height: 16px; } } - -.format-helper { - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 16px; -} diff --git a/src/app/features/administration/form/steps/step-three/step-three.component.html b/src/app/features/administration/form/steps/step-three/step-three.component.html index 56a2fe7c..b87c5f27 100644 --- a/src/app/features/administration/form/steps/step-three/step-three.component.html +++ b/src/app/features/administration/form/steps/step-three/step-three.component.html @@ -27,7 +27,7 @@
diff --git a/src/environments/environment.ts b/src/environments/environment.ts index fba3be0f..e7148fa3 100644 --- a/src/environments/environment.ts +++ b/src/environments/environment.ts @@ -38,7 +38,6 @@ export const environment = { production: false, showDemoWarning: false, showStepperShortcuts: false, - enable_several_hours: false, api: endpoints, poll: poll_conf, diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss index 3c04c5ff..00979d80 100644 --- a/src/styles/partials/_forms.scss +++ b/src/styles/partials/_forms.scss @@ -305,6 +305,9 @@ mat-checkbox { * { max-width: $main-column-width-inner; } + .icon { + width: 1rem; + } } // resume de la création de sondage