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

dashboard settings icons

Browse Source
This commit is contained in:
Trent White 2017-12-13 18:17:56 -05:00
parent 2a32d01bd5
commit 1cbd88fc14
4 changed files with 51 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/app/features/dashboard/settings/settings.ts
View File

@ -36,10 +36,10 @@ export class SettingsCtrl {
buildSectionList() {
this.sections = [];
if (this.dashboard.meta.canEdit) {
this.sections.push({ title: 'General', id: 'settings', icon: 'fa fa-fw fa-sliders' });
this.sections.push({ title: 'Annotations', id: 'annotations', icon: 'fa fa-fw fa-comment-o' });
this.sections.push({ title: 'Variables', id: 'templating', icon: 'fa fa-fw fa-dollar' });
this.sections.push({ title: 'Links', id: 'links', icon: 'fa fa-fw fa-external-link' });
this.sections.push({ title: 'General', id: 'settings', icon: 'gicon gicon-preferences' });
this.sections.push({ title: 'Annotations', id: 'annotations', icon: 'gicon gicon-annotationp' });
this.sections.push({ title: 'Variables', id: 'templating', icon: 'gicon gicon-variable' });
this.sections.push({ title: 'Links', id: 'links', icon: 'gicon gicon-link' });
if (this.dashboard.id) {
this.sections.push({ title: 'Versions', id: 'versions', icon: 'fa fa-fw fa-history' });
@ -51,7 +51,7 @@ export class SettingsCtrl {
this.viewId = 'make_editable';
}
this.sections.push({ title: 'View JSON', id: 'view_json', icon: 'fa fa-fw fa-code' });
this.sections.push({ title: 'View JSON', id: 'view_json', icon: 'gicon gicon-json' });
const params = this.$location.search();
const url = this.$location.path();

20
public/img/icons_dark_theme/icon_json.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
.st0{fill:#E3E3E3;}
</style>
<g>
<path class="st0" d="M17.1,50.5c-0.8,0-1.7-0.3-2.3-1L0,34.8l14-14c1.3-1.3,3.4-1.3,4.6,0c1.3,1.3,1.3,3.4,0,4.6l-9.3,9.3
l10.2,10.2c1.3,1.3,1.3,3.4,0,4.6C18.8,50.2,17.9,50.5,17.1,50.5z"/>
</g>
<g>
<path class="st0" d="M47.7,50.5c-0.8,0-1.7-0.3-2.3-1c-1.3-1.3-1.3-3.4,0-4.6l9.3-9.3L44.5,25.4c-1.3-1.3-1.3-3.4,0-4.6
c1.3-1.3,3.4-1.3,4.6,0L64,35.6l-14,14C49.4,50.2,48.6,50.5,47.7,50.5z"/>
</g>
<g>
<path class="st0" d="M25.5,54c-0.4,0-0.9-0.1-1.3-0.3c-1.8-0.7-2.7-2.8-2-4.6l13.4-33.8c0.7-1.8,2.8-2.7,4.6-2
c1.8,0.7,2.7,2.8,2,4.6L28.8,51.7C28.2,53.1,26.9,54,25.5,54z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1015 B

22
public/img/icons_light_theme/icon_json.svg Normal file
View File

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
.st0{fill:#555555;}
</style>
<g>
<g>
<path class="st0" d="M18.8,49.8c-0.7,0-1.3-0.3-1.8-0.8L0,32l16-16c1-1,2.7-1,3.7,0c1,1,1,2.7,0,3.7L7.3,32l13.3,13.3
c1,1,1,2.7,0,3.7C20.1,49.5,19.5,49.8,18.8,49.8z"/>
</g>
<g>
<path class="st0" d="M46.2,49.8c-0.7,0-1.3-0.3-1.8-0.8c-1-1-1-2.7,0-3.7l12.3-12.3L43.3,19.7c-1-1-1-2.7,0-3.7c1-1,2.7-1,3.7,0
l17,17L48,49C47.5,49.5,46.9,49.8,46.2,49.8z"/>
</g>
<g>
<path class="st0" d="M24.7,53.7c-0.3,0-0.6-0.1-1-0.2c-1.3-0.5-2-2-1.5-3.4l14.9-37.6c0.5-1.3,2-2,3.4-1.5c1.3,0.5,2,2,1.5,3.4
L27.1,52C26.7,53.1,25.7,53.7,24.7,53.7z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 995 B

4
public/sass/base/_icons.scss
View File

@ -116,6 +116,10 @@
background-image: url('../img/icons_#{$theme-name}_theme/icon_home.svg');
}
.gicon-json {
background-image: url('../img/icons_#{$theme-name}_theme/icon_json.svg');
}
.gicon-link {
background-image: url('../img/icons_#{$theme-name}_theme/icon_link.svg');
}