bryce/jquery.uls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Some styling tweaks to search bar

Browse Source 
From https://gerrit.wikimedia.org/r/#/c/285593/6/resources/css/ext.uls.css
This commit is contained in:
Niklas Laxström
2016-05-23 18:10:30 +03:00
parent 6accb871d1
commit eaf350a20c
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/jquery.uls.css
View File

@@ -114,6 +114,10 @@ div.uls-region {
border-bottom-color: #DDD; border-bottom-color: #DDD;
} }
.grid .uls-search {
padding-left: 0;
}
/* Make space for magnifying class on the front */ /* Make space for magnifying class on the front */
.uls-search-wrapper { .uls-search-wrapper {
position: relative; position: relative;
@@ -127,13 +131,14 @@ div.uls-region {
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/search.svg'); background-image: -webkit-linear-gradient(transparent, transparent), url('../images/search.svg');
/* @embed */ /* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/search.svg'); background-image: linear-gradient(transparent, transparent), url('../images/search.svg');
background-size: 32px; background-size: 28px;
background-position: center center; background-position: center center;
height: 32px; height: 32px;
width: 40px; width: 40px;
display: block; display: block;
position: absolute; position: absolute;
left: 0; left: 0;
opacity: 0.8;
} }
.uls-search-input-wrapper { .uls-search-input-wrapper {
@@ -146,7 +151,7 @@ div.uls-region {
height: 32px; height: 32px;
width: 100%; width: 100%;
/* For the custom clear (X) icon */ /* For the custom clear (X) icon */
padding: 6px 25px 6px 6px; padding: 6px 25px 6px 0;
outline: none; outline: none;
border: none; border: none;