Albirew/nyaa-pantsu
Archivé
1
0
Bifurcation 0

Fix search box on Firefox and make carets actually work on chrome (#739)

* Add carets to select

* Fix search box on Firefox

Also fixed the carets on Chrome.
Cette révision appartient à :
x9zb 2017-05-25 13:06:46 +05:30 révisé par ewhal
Parent 5b7f3efd71
révision b46fdce5d9

Voir le fichier

@ -97,8 +97,8 @@ select.form-input {
-moz-appearance: none;
padding-right: 1.5rem;
background-color: white;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23676767' d='M24 34l18-20H6'/%3E%3C/svg%3E");
background-position-x: right 0.3rem;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cpath fill='%23676767' d='M24 34l18-20H6'/%3E%3C/svg%3E");
background-position-x: right;
background-position-y: center;
background-repeat: no-repeat;
background-size: auto 40%;
@ -111,13 +111,17 @@ select.form-input {
pointer-events: none;
}
.form-input.search-box { margin-right: -20px; }
.form-input.search-box + .search-icon {
margin-left: -2rem;
padding: 5px 10px;
left: -5px;
position: relative;
padding: 0px;
width: 20px;
box-shadow: none;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAQAAAADpb+tAAAAjUlEQVQIHQXBoU1DYQCAwXviUQw4LHlYJAnBYQmqW3wdpkk3wLAEAxCSCkLSFSowBIFCIH7uQCfd9dgCALrvr9Fo9NopoItG21ZNLR17A/TcHqCl0RXopw1AU6MH0KEdQKtGN6B1o0ugbb/NoKmXRrs27Rt9dw5oat2hr5667r3PzgAANPfREQAAzd3yD3GyOPKUaUBTAAAAAElFTkSuQmCC")
no-repeat
center center;
border: none;
border: none;
vertical-align: middle;
}