entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 8 Releases Wiki Activity

arles-2020: update search cell styles (#40682)

This commit is contained in:
Serghei Mihai 2020-03-24 18:10:48 +01:00
parent 0cc9201086
commit f2491ab770
2 changed files with 38 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
static/arles-2020/_custom.scss
View File

@ -385,10 +385,12 @@ div.notificationscell, div.wcscurrentformscell span.form-status {
}
div.searchcell {
input.combo-search-input, button {
position: relative;
input.combo-search-input {
border: 1px solid #aaa;
height: 35px;
box-sizing: border-box;
padding-right: 35px;
}
input.combo-search-input {
margin-right: 0;
@ -398,23 +400,28 @@ div.searchcell {
}
}
button {
background-color: #ddd;
position: absolute;
right: 1em;
background-color: transparent;
border: 0;
box-shadow: none;
line-height: 24px;
margin: 0.2em 0px;
overflow: hidden;
width: 40px;
border-radius: 0 $border-radius $border-radius 0;
padding: 5px 8px;
border-left: 0;
width: 35px;
padding: 5px 0px;
text-indent: -99999px;
&::before {
font-size: 1.4em;
content: '\f002';
font-family: FontAwesome;
margin-right: 20px;
color: #555;
position: absolute;
right: 5px;
width: 30px;
height: 25px;
content: '';
background: url('img/loupe.svg') center center no-repeat;
background-size: contain;
}
&:hover {
background-color: #ddd;
background-color: transparent;
box-shadow: none;
}
}
}

18
static/arles-2020/img/loupe.svg Normal file
View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32.315px" height="32.315px" viewBox="0 0 32.315 32.315" enable-background="new 0 0 32.315 32.315" xml:space="preserve">
<g>
<g>
<path fill="#7C7C7C" d="M28.12,31.838c-0.228,0-0.445-0.091-0.606-0.251l-7.037-7.037c-2.015,1.276-4.403,2.017-6.96,2.017
c-7.192,0-13.043-5.852-13.043-13.043c0-7.193,5.851-13.044,13.043-13.044S26.561,6.33,26.561,13.523
c0,2.552-0.736,4.935-2.009,6.948l7.039,7.038c0.161,0.161,0.251,0.379,0.251,0.606s-0.09,0.445-0.251,0.606l-2.865,2.865
C28.565,31.747,28.347,31.838,28.12,31.838z M21.986,23.635l6.133,6.134l1.653-1.653l-6.107-6.106L21.986,23.635z M13.517,2.192
c-6.247,0-11.33,5.083-11.33,11.331c0,6.247,5.083,11.329,11.33,11.329c6.248,0,11.33-5.082,11.33-11.329
C24.847,7.275,19.764,2.192,13.517,2.192z M21.601,16.153c-0.473,0-0.857-0.384-0.857-0.857c0-4.979-4.051-9.029-9.029-9.029
c-0.473,0-0.857-0.384-0.857-0.857s0.384-0.857,0.857-0.857c5.924,0,10.743,4.819,10.743,10.743
C22.458,15.77,22.074,16.153,21.601,16.153z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB