Skip to content

Commit

Permalink
Fix the placeholder line height and search field padding in Safari an…
Browse files Browse the repository at this point in the history
…d Firefox (see #1019)

Description
-----------

Will turn this

<img width="467" alt="" src="https://user-images.githubusercontent.com/1192057/69656384-bd85bd80-1078-11ea-9779-87f48ca0f696.png">

into

<img width="445" alt="" src="https://user-images.githubusercontent.com/1192057/69656396-c2e30800-1078-11ea-8f81-4f365da5f81b.png">

(Why, Safari, why?)

Commits
-------

b546b1c Fix the placeholder line height and search field padding in Safari and Firefox
  • Loading branch information
leofeyer committed Nov 27, 2019
1 parent 9285b89 commit 2c4a456
Show file tree
Hide file tree
Showing 4 changed files with 16 additions and 5 deletions.
2 changes: 1 addition & 1 deletion core-bundle/src/Resources/contao/themes/flexible/basic.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion core-bundle/src/Resources/contao/themes/flexible/main.css

Large diffs are not rendered by default.

14 changes: 14 additions & 0 deletions core-bundle/src/Resources/contao/themes/flexible/src/basic.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
3 changes: 0 additions & 3 deletions core-bundle/src/Resources/contao/themes/flexible/src/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -444,9 +444,6 @@ h2.sub_headline {
width:60%;
margin-left:1%;
}
input[type=search]::-webkit-search-decoration {
-webkit-appearance:none;
}

/* Boxes */
.tl_xpl {
Expand Down

0 comments on commit 2c4a456

Please sign in to comment.