Fix the placeholder line height and search field padding in Safari an…

…d Firefox
contao · Nov 27, 2019 · b546b1c · b546b1c
1 parent df26058
commit b546b1c
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 5 deletions.
diff --git a/core-bundle/src/Resources/contao/themes/flexible/basic.css b/core-bundle/src/Resources/contao/themes/flexible/basic.css
diff --git a/core-bundle/src/Resources/contao/themes/flexible/main.css b/core-bundle/src/Resources/contao/themes/flexible/main.css
diff --git a/core-bundle/src/Resources/contao/themes/flexible/src/basic.css b/core-bundle/src/Resources/contao/themes/flexible/src/basic.css
@@ -256,11 +256,25 @@ fieldset.checkbox_container,fieldset.radio_container {
 .tl_imageSize_0 {
 	margin-left:1%;
 }
+input[type=search]::-webkit-search-decoration {
+	-webkit-appearance:none;
+}
 @-moz-document url-prefix() {
 	.tl_text,.tl_text_2,.tl_text_3,.tl_text_4,.tl_textarea,.tl_text_unit,.tl_text_trbl,.tl_text_interval {
 		padding:5px 6px;
 	}
+	.tl_text::placeholder,.tl_text_2::placeholder,.tl_text_3::placeholder,.tl_text_4::placeholder,.tl_textarea::placeholder,.tl_text_unit::placeholder,.tl_text_trbl::placeholder,.tl_text_interval::placeholder {
+		line-height:18px;
+	}
 }
+@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) {
+	.tl_text::placeholder,.tl_text_2::placeholder,.tl_text_3::placeholder,.tl_text_4::placeholder,.tl_textarea::placeholder,.tl_text_unit::placeholder,.tl_text_trbl::placeholder,.tl_text_interval::placeholder {
+		line-height:16px;
+	}
+	input[type=search] {
+		padding:2px 0 4px 6px;
+	}
+}}
 
 /* Select menus */
 select {

diff --git a/core-bundle/src/Resources/contao/themes/flexible/src/main.css b/core-bundle/src/Resources/contao/themes/flexible/src/main.css
@@ -444,9 +444,6 @@ h2.sub_headline {
 	width:60%;
 	margin-left:1%;
 }
-input[type=search]::-webkit-search-decoration {
-	-webkit-appearance:none;
-}
 
 /* Boxes */
 .tl_xpl {