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 à :
Parent
5b7f3efd71
révision
b46fdce5d9
1 fichiers modifiés avec 9 ajouts et 5 suppressions
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Référencer dans un nouveau ticket