Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 15:49:44 +02:00
Code Releases Activity

Improve examples for search screen

Browse source
This commit is contained in:
sauls8t 2018-07-31 13:13:29 -04:00
parent 67bb3bae4f
commit aaca1c73b1
2 changed files with 37 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

21
gui/app/pods/search/template.hbs
View file

@ -9,9 +9,24 @@
{{#layout/middle-zone-sidebar}}
<div id="sidebar" class="sidebar">
<h1>Search</h1>
<p>a OR b</p>
<p>x AND y</p>
<p>"phrase mat*"</p>
<div class="view-search">
<div class="syntax">
<div class="example">apple banana</div>
<div class="explain">Find rows that contain at least one of the two words</div>
<div class="example">+apple +banana</div>
<div class="explain">Find rows that contain both words</div>
<div class="example">+apple macintosh</div>
<div class="explain">Find rows that contain the word "apple", but rank rows higher if they also contain "macintosh"</div>
<div class="example">+apple -macintosh</div>
<div class="explain">Find rows that contain the word "apple" but not "macintosh"</div>
<div class="example">+apple +(&gt;turnover &lt;strudel)</div>
<div class="explain">Find rows that contain the words "apple" and "turnover", or "apple" and "strudel" (in any order), but rank "apple turnover" higher than "apple strudel"</div>
<div class="example">apple*</div>
<div class="explain">Find rows that contain words such as "apple", "apples", "applesauce", or "applet"</div>
<div class="example">"some words"</div>
<div class="explain">Find rows that contain the exact phrase "some words" (for example, rows that contain "some words of wisdom" but not "some noise words")</div>
</div>
</div>
</div>
{{/layout/middle-zone-sidebar}}
{{/layout/middle-zone}}

19
gui/app/styles/view/search.scss
View file

@ -104,4 +104,23 @@
}
}
}
> .syntax {
margin: 20px;
> .example {
margin-top: 10px;
font-weight: 600;
font-size: 1.1rem;
font-style: italic;
color: $color-dark;
}
> .explain {
margin: 10px 0 20px 0px;
font-size: 1.2rem;
color: $color-gray;
}
}
}