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