1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-09 15:35:27 +02:00

Update search page

This commit is contained in:
EnesAlili 2016-07-04 17:44:32 +01:00
parent ef4726141d
commit 3b8301312b
2 changed files with 33 additions and 12 deletions

View file

@ -2,17 +2,21 @@
{{layout/zone-navigation}} {{layout/zone-navigation}}
{{#layout/zone-header title=session.appMeta.title message=session.appMeta.message}}
{{layout/button-home}}
{{/layout/zone-header}}
<div class="page-search"> <div class="page-search">
<div class="input-control">
<div id="zone-header" class="zone-header">
<div class="input-control pull-left width-60">
<label>Search</label> <label>Search</label>
<div class="tip">#tags, keywords, "some phrase", keyword AND keyword, keyword OR keyword</div> {{focus-input class="input" type="text" value=filter placeholder='#tags, keywords, "some phrase", keyword AND keyword, keyword OR keyword'}}
{{focus-input class="input" type="text" value=filter placeholder='start typing...'}}
</div> </div>
<div class="actions pull-right hidden-xs hidden-sm">
{{layout/button-home}}
</div>
<div class="clearfix"></div>
</div>
{{search/search-results results=results}} {{search/search-results results=results}}
</div> </div>
{{/layout/zone-container}} {{/layout/zone-container}}

View file

@ -1,8 +1,26 @@
.page-search { .page-search {
margin: 50px 100px;
> .zone-header {
background-color: $color-header;
padding: 0 40px 0 40px;
}
.input-control {
padding: 20px 0;
margin-bottom: 0;
}
.input-control input {
background-color: $color-header;
}
.input-control input:focus {
}
.search-results { .search-results {
margin: 50px 0; margin: 50px 0;
padding: 0 40px 0 40px;
.heading { .heading {
font-size: 1.2rem; font-size: 1.2rem;
@ -16,6 +34,8 @@
> .item { > .item {
cursor: pointer; cursor: pointer;
margin: 0 30px 30px 0; margin: 0 30px 30px 0;
padding-bottom: 40px;
border-bottom: 1px solid #e1e1e1;
> .link { > .link {
text-decoration: none; text-decoration: none;
@ -40,18 +60,15 @@
> .excerpt { > .excerpt {
margin-top: 1rem; margin-top: 1rem;
font-size: 0.9rem; font-size: 0.9rem;
margin-left: 20px;
} }
> .chips { > .chips {
margin-top: 1rem; margin-top: 1rem;
margin-left: 20px;
} }
} }
> .references { > .references {
margin-top: 1rem; margin-top: 1rem;
margin-left: 20px;
> .label { > .label {
font-size: 0.9rem; font-size: 0.9rem;