From bf2e3e51bc685a9bc1dba819890706682eb01e3b Mon Sep 17 00:00:00 2001 From: Jeremie BRISON <ext.sopra.jbrison@grandlyon.com> Date: Mon, 25 Jan 2021 15:39:30 +0100 Subject: [PATCH] fix(form) : fix responsive hours --- .../components/hour-picker/hour-picker.component.scss | 9 ++++++++- src/styles.scss | 1 + 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/src/app/shared/components/hour-picker/hour-picker.component.scss b/src/app/shared/components/hour-picker/hour-picker.component.scss index 4ab75d72f..3aec56098 100644 --- a/src/app/shared/components/hour-picker/hour-picker.component.scss +++ b/src/app/shared/components/hour-picker/hour-picker.component.scss @@ -46,7 +46,7 @@ height: 40px; display: grid; // grid-template-columns: auto 70px auto 70px 30px 80px 1fr; - grid-template-columns: auto 70px auto 70px 30px 30px; + grid-template-columns: auto 52px auto 61px 30px 30px; column-gap: 10px; align-items: center; justify-items: center; @@ -76,6 +76,8 @@ input { border-radius: 4px; height: 40px; @include cn-regular-14; + min-width: 56px; + text-align: center; } p { @@ -106,3 +108,8 @@ img { display: grid; align-items: center; } + +input[type='time']::-webkit-calendar-picker-indicator { + background: none; + display: none; +} diff --git a/src/styles.scss b/src/styles.scss index 1773ee54c..204273f5a 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -136,6 +136,7 @@ a { } } } + // Layout .w-100 { width: 100%; -- GitLab