IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

more work on search

Browse Source
This commit is contained in:
Torkel Ödegaard 2017-11-20 16:21:50 +01:00
parent c1539b90b7
commit a8552bac21
3 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/app/core/components/search/search.html
View File

@ -68,8 +68,12 @@
<span class="search-item__icon"> <span class="search-item__icon">
<i class="fa fa-th-large"></i> <i class="fa fa-th-large"></i>
</span> </span>
<span class="search-item__title"> <span class="search-item__body">
{{::item.title}} <div class="search-item__body-title">{{::item.title}}</div>
<div class="search-item__body-sub-title" ng-show="::section.hideHeader">
<i class="fa fa-folder-o"></i>
{{::item.folderTitle}}
</div>
</span> </span>
<span class="search-item__tags"> <span class="search-item__tags">
<span ng-click="ctrl.filterByTag(tag, $event)" ng-repeat="tag in item.tags" tag-color-from-name="tag" class="label label-tag"> <span ng-click="ctrl.filterByTag(tag, $event)" ng-repeat="tag in item.tags" tag-color-from-name="tag" class="label label-tag">

1
public/app/core/services/search_srv.ts
View File

@ -81,6 +81,7 @@ export class SearchSrv {
toggleFolder(section) { toggleFolder(section) {
section.expanded = !section.expanded; section.expanded = !section.expanded;
section.icon = section.expanded ? 'fa fa-folder-open' : 'fa fa-folder';
if (section.items.length) { if (section.items.length) {
return; return;

22
public/sass/components/_search.scss
View File

@ -118,7 +118,7 @@
.search-item { .search-item {
display: flex; display: flex;
height: 35px; height: 37px;
padding: 0px; padding: 0px;
white-space: nowrap; white-space: nowrap;
background-color: $tight-form-bg; background-color: $tight-form-bg;
@ -142,12 +142,24 @@
// color: $orange; // color: $orange;
// } // }
} }
.search-item__body {
.search-item__title {
color: $grafanaListMainLinkColor;
flex: 1 1 auto; flex: 1 1 auto;
overflow: hidden; overflow: hidden;
padding: 8px; display: flex;
flex-direction: column;
justify-content: center;
padding: 0 10px;
}
.search-item__body-title {
color: $grafanaListMainLinkColor;
}
.search-item__body-sub-title {
color: $grafanaListMainLinkColor;
color: $text-muted;
font-size: $font-size-sm;
line-height: 9pt;
} }
.search-item__icon { .search-item__icon {