Remove Nokia60 override and use a CSS property order

Additionally grouping CSS properties properly for better
readability.

Bug: T218154
Change-Id: Ib174605d123b61180848506b750520822fb7f6fb
This commit is contained in:
Volker E 2019-03-12 14:00:00 -07:00
parent acbeb70647
commit d119da1835
1 changed files with 9 additions and 10 deletions

View File

@ -142,25 +142,24 @@ main {
width: auto;
}
/* Search */
.search-box .search {
@searchIconSize: 20px;
@searchIconGutter: 6px;
outline: 0;
width: 100%;
// FIXME: unable to check but the important may not be needed for Nokia S60;
background-color: #fff !important; /* remove fennec default background also see bug 36490 */
// get rid of rounded corners in Safari
-webkit-appearance: none;
padding: 0.5em 0 0.5em @searchIconSize + (2 * @searchIconGutter);
background-color: #fff; // Support Fennec, Opera Mini: Remove default background, see T38490.
background-position: left @searchIconGutter center;
background-repeat: no-repeat;
.background-size( @searchIconSize, @searchIconSize );
border-radius: @borderRadius;
box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.05 );
// Support Safari: Get rid of rounded corners.
-webkit-appearance: none;
width: 100%;
margin-top: 0;
border-radius: @borderRadius;
padding: 0.5em 0 0.5em @searchIconSize + (2 * @searchIconGutter);
box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.05 );
outline: 0;
}
/* Search */
input.search {
// [T139928] Hide all pseudo-elements added to search inputs in WebKit.
&::-webkit-search-decoration,