From 1fba24b334896489b4dfa30257427c3e7297e4e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=B4me=20Chilliet?= <come@opensides.be>
Date: Thu, 18 Oct 2018 13:54:54 +0200
Subject: [PATCH] :ambulance: fix(themes) Extend input style to new HTML5 types
issue #5910
---
html/themes/breezy/form.css | 22 ++++++++++++++++++++--
html/themes/breezy/less/form.less | 6 ++++--
2 files changed, 24 insertions(+), 4 deletions(-)
diff --git a/html/themes/breezy/form.css b/html/themes/breezy/form.css
index 8c9c143da..b59718271 100644
--- a/html/themes/breezy/form.css
+++ b/html/themes/breezy/form.css
@@ -5,8 +5,17 @@ textarea,
textarea:focus {
font-size: 12px;
}
-input[type=text],
+input[type=color],
+input[type=date],
+input[type=datetime-local],
+input[type=email],
+input[type=number],
input[type=password],
+input[type=search],
+input[type=tel],
+input[type=text],
+input[type=time],
+input[type=url],
select {
padding: 2px;
}
@@ -15,8 +24,17 @@ input[type=number] {
}
/* On small screens */
@media (max-width: 640px) {
- input[type=text],
+ input[type=color],
+ input[type=date],
+ input[type=datetime-local],
+ input[type=email],
+ input[type=number],
input[type=password],
+ input[type=search],
+ input[type=tel],
+ input[type=text],
+ input[type=time],
+ input[type=url],
input[type=file],
textarea,
select {
diff --git a/html/themes/breezy/less/form.less b/html/themes/breezy/less/form.less
index a9b004322..912f98f41 100644
--- a/html/themes/breezy/less/form.less
+++ b/html/themes/breezy/less/form.less
@@ -4,7 +4,8 @@ input, input:focus, select, textarea, textarea:focus {
font-size: @text-font-size;
}
-input[type=text], input[type=password], select {
+
+input[type=color], input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], select {
padding: 2px;
}
@@ -14,7 +15,8 @@ input[type=number] {
/* On small screens */
@media (max-width: 640px) {
- input[type=text], input[type=password], input[type=file], textarea, select {
+ input[type=color], input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url],
+ input[type=file], textarea, select {
max-width: 100%;
}
input.base-selector {
--
GitLab