Changed search input to type=search

diff --git a/wcfsetup/install/files/style/userPanel.less b/wcfsetup/install/files/style/userPanel.less
index da3a2fd029ba343e5668ddc904dc9468fbf8e00a..6addb00085d925ae775b850dea794c91b8d8b79e 100644 (file)
--- a/wcfsetup/install/files/style/userPanel.less
+++ b/wcfsetup/install/files/style/userPanel.less
@@ -62,26 +62,27 @@
        .searchBar {
                float: right;
                
-               input[type="text"] {
+               input[type="search"] {
                        /*border: @wcfContainerBorderWidth @wcfContainerBorderStyle @wcfContainerBorderColor;
                        padding: @wcfGapTiny @wcfGapSmall;*/
                        
                        background-color: rgba(0, 0, 0, .5);
                        background-image: url("../icon/search2.svg");
                        background-repeat: no-repeat;
-                       background-position: 95% 5px;
+                       background-position: 7px 5px;
                        border: 1px solid rgba(0, 0, 0, .9);
                        border-radius: 30px;
                        color: @wcfPageLinkHoverColor;
-                       padding: 6px 32px 5px 12px;
+                       padding: 6px 12px 5px 26px;
                        width: 180px;
+                       -webkit-appearance: textfield;
                        
                        .boxShadowNative(~"inset 0px 1px 3px rgba(0, 0, 0, .9), 0px 1px 0px rgba(255, 255, 255, .1)");
                        .transition(width, .25s, ease-out);
                        .textShadow(@wcfPageBackgroundColor);
        
                        &:focus {
-                               background-image: none;
+                               //background-image: none;
                                width: 280px;
                        }
                }