autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: add search bar

Browse Source
This commit is contained in:
Jean-Baptiste Pasquier 2020-05-19 19:09:59 +02:00
parent 9f32a4dc9b
commit 120af5b322
No known key found for this signature in database
GPG Key ID: F2702E6D22ED4D62
2 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/menu-left.pug
View File

@ -115,12 +115,16 @@ nav#main__menu.jsLeftMenu
sib-display.nosub(
data-src=`${endpoints.users || (endpoints.get && endpoints.get.users)}`
fields='name, chatProfile.jabberID, badge'
search-fields="name"
search-label-name="Rechercher..."
search-widget-name="sib-form-placeholder-text"
widget-name='sib-display-div'
widget-badge='hubl-counter'
widget-chatProfile.jabberID='hubl-menu-jabberid'
action-badge='badge'
order-by='username'
next='messages'
paginate-by='10'
)
div.divider

29
src/styles/base/menu-left.scss
View File

@ -125,6 +125,35 @@
}
/* End of specific styles of "Projects" tab */
sib-display.nosub>sib-form[fields="name"]>sib-form-placeholder-text>input {
margin: auto;
display: block;
background-color: var(--color-secondary);
color: var(--color-grey-6);
border: 1px solid var(--color-grey-4);
border-radius: 3px;
padding: 4px;
}
sib-display.nosub>nav {
text-align: center;
display: grid;
grid-template-columns: auto 50% auto;
grid-template-areas: "left middle right";
>* {
color: var(--color-grey-6);
}
>[data-id="prev"] {
grid-area: left;
}
>[data-id="next"] {
grid-area: right;
}
>span {
grid-area: middle;
}
}
>sib-display.nosub>div>sib-display>div {
padding: 1rem 1rem 1rem 3rem;
}