Albirew/nyaa-pantsu
Albirew/nyaa-pantsu
Archivé
1
0
Bifurcation 0
Code Activité

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

Parcourir la source 
* 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
1 fichiers modifiés avec 9 ajouts et 5 suppressions
Voir les statistiques Télécharger le patch en tant que fichier Télécharger le fichier diff Développer tous les fichiers Réduire tous les fichiers

12
public/css/main.css
Voir le fichier

@ -97,8 +97,8 @@ select.form-input {
-moz-appearance: none; -moz-appearance: none;
padding-right: 1.5rem; padding-right: 1.5rem;
background-color: white; 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-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 0.3rem; background-position-x: right;
background-position-y: center; background-position-y: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto 40%; background-size: auto 40%;
@ -111,9 +111,13 @@ select.form-input {
pointer-events: none; pointer-events: none;
} }
.form-input.search-box { margin-right: -20px; }
.form-input.search-box + .search-icon { .form-input.search-box + .search-icon {
margin-left: -2rem; left: -5px;
padding: 5px 10px; position: relative;
padding: 0px;
width: 20px;
box-shadow: none;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAQAAAADpb+tAAAAjUlEQVQIHQXBoU1DYQCAwXviUQw4LHlYJAnBYQmqW3wdpkk3wLAEAxCSCkLSFSowBIFCIH7uQCfd9dgCALrvr9Fo9NopoItG21ZNLR17A/TcHqCl0RXopw1AU6MH0KEdQKtGN6B1o0ugbb/NoKmXRrs27Rt9dw5oat2hr5667r3PzgAANPfREQAAzd3yD3GyOPKUaUBTAAAAAElFTkSuQmCC") background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAQAAAADpb+tAAAAjUlEQVQIHQXBoU1DYQCAwXviUQw4LHlYJAnBYQmqW3wdpkk3wLAEAxCSCkLSFSowBIFCIH7uQCfd9dgCALrvr9Fo9NopoItG21ZNLR17A/TcHqCl0RXopw1AU6MH0KEdQKtGN6B1o0ugbb/NoKmXRrs27Rt9dw5oat2hr5667r3PzgAANPfREQAAzd3yD3GyOPKUaUBTAAAAAElFTkSuQmCC")
no-repeat no-repeat
center center; center center;