Specify percentage width on Modern search box

As discussed on IRC.  This reverts r62794, and is intended to be a
better fix for bug 19194.  By removing the display: block, we work
around the WebKit bug <https://bugs.webkit.org/show_bug.cgi?id=27982>.
But then on some font sizes, the text box becomes too narrow, so the
"Go" button winds up on the same line as the search box.  thedj reported
this as a problem both with r62794 and with simple removal of display:
block, but said it was fine with width: 85%, which also looks fine to
me.

diff --git a/RELEASE-NOTES b/RELEASE-NOTES
index 64fe4ae..c4849b8 100644 (file)
--- a/RELEASE-NOTES
+++ b/RELEASE-NOTES
@@ -760,6 +760,7 @@ comment from another wiki.
 * (bug 22540) ForeignApiRepos no longer try to store thumbnails that don't exist
 * (bug 22551) Special:Resetpass now has a "Cancel" button that sends the user to 
   the page set in the &returnto parameter.
+* (bug 19194) Search box in Modern skin doesn't focus with Safari/Chrome
 
 == API changes in 1.16 ==
 

diff --git a/skins/modern/main.css b/skins/modern/main.css
index 238737f..a25b6b5 100644 (file)
--- a/skins/modern/main.css
+++ b/skins/modern/main.css
@@ -153,19 +153,11 @@ textarea {
 }
 
 #searchInput {
-       display: block;
+       width: 85%;
        margin-left: auto;
        margin-right: auto;
 }
 
-/** safari and chrome specific hack for search box (bug #19194) **/
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-    #searchInput {
-        display: inline;
-    }
-}
-
-
 #p-search #searchform div div {
        margin-top: .4em;
 }