opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-08-06 03:09:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

created secondary button style, added a couple of variables, played with the plugins page to get the underline in place. Worth a look, but check that I was building everything properly :)

Browse Source
This commit is contained in:
Trent White
2016-02-19 18:22:24 -05:00
parent 18bbefee1c
commit 6721cec73f
8 changed files with 33 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
public/app/features/apps/partials/list.html
View File

@ -2,14 +2,14 @@
</navbar>
<div class="page-container">
<div class="page-wide">
<div class="page-header">
<h1>Plugins</h1>
</div>
<div ng-if="!ctrl.apps">
<em>No apps defined</em>
</div>
<div ng-if="!ctrl.apps">
<em>No apps defined</em>
</div>
<ul class="filter-list">
<ul class="filter-list">
<li ng-repeat="app in ctrl.apps">
<ul class="filter-list-card">
<li class="filter-list-card-image">
@ -43,6 +43,5 @@
</li>
</ul>
</li>
</ul>
</div>
</ul>
</div>

13
public/app/features/apps/partials/page.html
View File

@ -1,14 +1,13 @@
<navbar icon="fa fa-fw fa-cubes" title="{{ctrl.appModel.name}}" title-url="apps/{{ctrl.appId}}/edit">
<navbar icon="icon-gf icon-gf-apps" title="{{ctrl.appModel.name}}" title-url="apps/{{ctrl.appId}}/edit">
</navbar>
<div class="page-container">
<div class="page-wide">
<div class="page-header">
<h1>{{ctrl.page.name}}</h1>
</div>
<div ng-if="ctrl.page">
<plugin-component type="app-page">
</plugin-component>
</div>
<div ng-if="ctrl.page">
<plugin-component type="app-page">
</plugin-component>
</div>
</div>

4
public/app/features/datasources/partials/list.html
View File

@ -33,7 +33,7 @@
<tr ng-repeat="ds in ctrl.datasources">
<td>
<a href="datasources/edit/{{ds.id}}">
<i class="fa fa-database"></i> &nbsp; {{ds.name}}
<i class="icon-gf inline-icon-gf icon-gf-datasources"></i> &nbsp; {{ds.name}}
</a>
</td>
<td>
@ -41,7 +41,7 @@
</td>
<td class="text-center">
<span ng-if="ds.isDefault">
<span class="label label-info">default</span>
<span class="btn btn-secondary btn-mini">default</span>
</span>
</td>
<td class="text-right">

3
public/sass/_variables.dark.scss
View File

@ -119,6 +119,9 @@ $table-border: $dark-3; // table and cell border
$btn-primary-bg: $brand-primary;
$btn-primary-bg-hl: lighten($brand-primary, 8%);
$btn-secondary-bg: $blue-dark;
$btn-secondary-bg-hl: lighten($blue-dark, 8%);
$btn-info-bg: lighten($purple, 3%);
$btn-info-bg-hl: darken($purple, 3%);

3
public/sass/_variables.light.scss
View File

@ -127,6 +127,9 @@ $scrollbarBorder: $gray-4;
$btn-primary-bg: $brand-primary;
$btn-primary-bg-hl: lighten($brand-primary, 8%);
$btn-secondary-bg: $blue-dark;
$btn-secondary-bg-hl: lighten($blue-dark, 8%);
$btn-info-bg: lighten($purple, 3%);
$btn-info-bg-hl: darken($purple, 3%);

8
public/sass/base/_fonts.scss
View File

@ -24,6 +24,14 @@
-moz-osx-font-smoothing: grayscale;
}
.inline-icon-gf {
vertical-align: middle;
}
.icon-gf-raintank_wordmark:before {
content: "\e600";
}

3
public/sass/components/_buttons.scss
View File

@ -73,6 +73,9 @@
.btn-primary {
@include buttonBackground($btn-primary-bg, $btn-primary-bg-hl);
}
.btn-secondary {
@include buttonBackground($btn-secondary-bg, $btn-secondary-bg-hl);
}
// Warning appears are orange
.btn-warning {
@include buttonBackground($btn-warning-bg, $btn-warning-bg-hl);

2
public/sass/components/_sidemenu.scss
View File

@ -192,7 +192,7 @@
background-color: $gray-2;
border-radius: 50%;
.no-avatar {
color: $brand-primary;
color: $text-color;
text-shadow: 0 1px 0 $dark-1;
padding-left: 17px;
position: relative;