IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-09 23:16:16 -06:00
Code Issues Packages Projects Releases Wiki Activity

Dashlist: Tweaked design of folder addition (#27241)

Browse Source
This commit is contained in:
Torkel Ödegaard 2020-08-27 09:49:07 +02:00 committed by GitHub
parent 5e27654298
commit 093477c036
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/app/plugins/panel/dashlist/module.html
View File

@ -6,13 +6,10 @@
</h6>
<div class="dashlist-item" ng-repeat="dash in group.list">
<a class="dashlist-link dashlist-link-{{dash.type}}" href="{{dash.url}}">
<span class="dashlist-title">
{{dash.title}}
</span>
<span ng-if="dash.folderTitle" class="dashlist-folder">
<icon name="'folder'" type="mono" size="'xs'"></icon>
{{dash.folderTitle}}
</span>
<div class="dashlist-link-body">
<div class="dashlist-title">{{dash.title}}</div>
<div ng-if="dash.folderTitle" class="dashlist-folder">{{dash.folderTitle}}</div>
</div>
<span class="dashlist-star" ng-click="ctrl.starDashboard(dash, $event)">
<icon name="dash.isStarred ? 'favorite':'star'" type="dash.isStarred ? 'mono':'default'"></icon>
</span>

40
public/sass/components/_panel_dashlist.scss
View File

@ -8,26 +8,30 @@
padding-top: 3px;
}
.dashlist {
&-link {
@include list-item();
.dashlist-link {
@include list-item();
display: flex;
.fa {
padding-top: 3px;
}
.fa-star {
color: $orange;
}
.fa {
padding-top: 3px;
}
&-star {
float: right;
}
&-folder {
color: $text-color-weak;
margin-left: $space-sm;
font-size: $font-size-xs;
.fa-star {
color: $orange;
}
}
.dashlist-star {
display: flex;
align-items: center;
color: $text-color-weak;
}
.dashlist-folder {
color: $text-color-weak;
font-size: $font-size-xs;
}
.dashlist-link-body {
flex-grow: 1;
}