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

armentieres: add search cell description, icon and border on result (#70745)

This commit is contained in:
Corentin Sechet 2022-11-21 22:00:41 +01:00
parent 3549540fd4
commit 331c47bfb7
2 changed files with 50 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
static/armentieres/_combo.scss
View File

@ -182,20 +182,52 @@ div.wcscurrentformscell {
}
// Search cell
.gru-content div.searchcell form {
padding: 0;
input[type="search"] {
background: $gray-xlight;
border: none;
.gru-content div.searchcell {
.combo-search {
&--hint {
padding: 0;
margin-bottom: 1rem;
}
&:focus {
background: $gray-xlight;
border: none;
&--button {
display: none;
}
}
.combo-search--button {
display: none;
form {
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
input[type="search"] {
position: relative;
padding-left: 2rem;
margin-right: 0;
background: $gray-xlight;
border: none;
&:focus {
box-shadow: none;
}
}
&::before {
position: absolute;
top: 0.2rem;
left: 0.5rem;
z-index: 1;
background: transparent;
font-family: FontAwesome;
font-size: 1.2rem;
color: $gray;
content: "\f002";
}
}
.links-list ul li {
border-bottom: 1px solid $gray;
}
}

8
templates/variants/armentieres/combo/search-cell.html Normal file
View File

@ -0,0 +1,8 @@
{% extends "combo/search-cell.html" %}
{% block search-form-pre %}
<div class="combo-search--hint">
Lorem ipsum dolor sit amet. Cum labore minima ad earum ducimus et ipsum sapiente et rerum vero est sequi similique. Hic quis sint ut nostrum dignissimos est exercitationem voluptate eum accusantium nemo non esse animi quo assumenda voluptatem aut nostrum quos.
</div>
{% endblock %}