deac/chosen
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

- smaller sprite and crunched the new png file

Browse source 
- better looking search icon
- fixed the position of search icon, using 97% the icon is not gonna be fixed position (vary depending on width), now it's 100% but the icon has fixed spacing from the sprite border
- fixed the padding of search input so that text does not go over the search icon
This commit is contained in:
Allen Bargi 2011-07-29 00:06:21 +02:00
parent 2a8bd04b93
commit 0bd9115580
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
chosen/chosen-sprite.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 742 B

14
chosen/chosen.css
View file

@ -15,7 +15,7 @@ div.chzn-container input {
font-family: sans-serif; font-family: sans-serif;
font-size: 1em; font-size: 1em;
margin: 0px; margin: 0px;
padding: 4px 5px; padding: 4px 20px 4px 5px;
outline: none; outline: none;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -126,12 +126,12 @@ div.chzn-container div.chzn-search {
white-space: nowrap; white-space: nowrap;
} }
div.chzn-container div.chzn-search input { div.chzn-container div.chzn-search input {
background: url('chosen-sprite.png') no-repeat 97% -35px, #ffffff; background: url('chosen-sprite.png') no-repeat 100% -20px, #ffffff;
background: url('chosen-sprite.png') no-repeat 97% -35px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
background: url('chosen-sprite.png') no-repeat 97% -35px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background: url('chosen-sprite.png') no-repeat 97% -35px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
background: url('chosen-sprite.png') no-repeat 97% -35px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); background: url('chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
background: url('chosen-sprite.png') no-repeat 97% -35px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); background: url('chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
background: linear-gradient(top, #ffffff 85%,#eeeeee 99%) background: linear-gradient(top, #ffffff 85%,#eeeeee 99%)
-moz-border-radius: 0px; -moz-border-radius: 0px;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;