diff --git a/public/styles/form.css b/public/styles/form.css index 7092f1e..99a294a 100644 --- a/public/styles/form.css +++ b/public/styles/form.css @@ -7,7 +7,10 @@ font-weight: bold; } -input, button, textarea { +input, +button, +textarea, +select { border-radius: 0; font-weight: bold; font-size: 1em; @@ -19,6 +22,8 @@ } input[type=text], +input[type=date], +select, textarea { background-color: var(--light); border-width: 0 0 0 0.2em; @@ -30,11 +35,13 @@ } input[type=text]:focus, +input[type=date]:focus, textarea:focus { border-color: var(--secondary-dark); } input[type=text][class*=input-invalid], +input[type=date][class*=input-invalid], textarea[class*=input-invalid] { border-color: var(--red); border-width: 0 0 0 0.2em; diff --git a/templates/_includes/html/form/activity/add.html.twig b/templates/_includes/html/form/activity/add.html.twig index 0276819..7851ad8 100644 --- a/templates/_includes/html/form/activity/add.html.twig +++ b/templates/_includes/html/form/activity/add.html.twig @@ -5,25 +5,25 @@ {{ form_widget(form.name, {attr: {class: 'w-100'}}) }}
- {{ form_label(form.startDate, 'Début planifié') }} + {{ form_label(form.startDate, 'Début planifié', {label_attr: {class: 'input-text-label'}}) }} {{ form_widget(form.startDate, {attr: {class: 'w-100'}}) }}
- {{ form_label(form.realStartDate, 'Fin planifié') }} + {{ form_label(form.realStartDate, 'Fin planifié', {label_attr: {class: 'input-text-label'}}) }} {{ form_widget(form.realStartDate, {attr: {class: 'w-100'}}) }}
- {{ form_label(form.actor, 'Acteur') }} + {{ form_label(form.actor, 'Acteur', {label_attr: {class: 'input-text-label'}}) }} {{ form_widget(form.actor, {attr: {class: 'w-100'}}) }}
- {{ form_label(form.endDate, 'Début réel') }} + {{ form_label(form.endDate, 'Début réel', {label_attr: {class: 'input-text-label'}}) }} {{ form_widget(form.endDate, {attr: {class: 'w-100'}}) }}
- {{ form_label(form.realEndDate, 'Fin réelle') }} + {{ form_label(form.realEndDate, 'Fin réelle', {label_attr: {class: 'input-text-label'}}) }} {{ form_widget(form.realEndDate, {attr: {class: 'w-100'}}) }}