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

improved styling of graphite target editor

Browse Source
This commit is contained in:
Torkel Ödegaard 2014-01-01 13:29:37 +01:00
parent a517b30dc7
commit 67b7fdcd41
3 changed files with 29 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/panels/graphite/module.html
View File

@ -59,10 +59,10 @@
<div ng-repeat="tab in editorTabs" data-title="{{tab}}">
</div>
</div>
<div ng-show="editorTabs[editor.index] == 'General'">
<div class="tab-content" ng-show="editorTabs[editor.index] == 'General'">
<div ng-include src="'app/partials/panelgeneral.html'"></div>
</div>
<div ng-repeat="tab in panelMeta.fullEditorTabs" ng-show="editorTabs[editor.index] == tab.title">
<div class="tab-content" ng-repeat="tab in panelMeta.fullEditorTabs" ng-show="editorTabs[editor.index] == tab.title">
<div ng-include src="tab.src"></div>
</div>
</div>

2
src/css/bootstrap.dark.min.css vendored
View File

File diff suppressed because one or more lines are too long

37
src/vendor/bootstrap/less/grafana.less vendored
View File

@ -144,11 +144,26 @@
.panel-full-edit-tabs {
margin-top: 10px;
padding: 10px;
min-height: 250px;
margin-left: -10px;
margin-right: -10px;
background: @grayDark;
border-top: 1px solid black;
.tabs {
.nav-tabs {
margin: 0;
background: @grayDark;
border-top: 1px solid #555;
}
.tab-content {
display: none;
}
}
.tab-content {
overflow: visible;
padding: 10px;
}
.nav-tabs > li > a {
line-height: 15px;
@ -166,15 +181,15 @@
}
.grafana-target-inner-wrapper {
border-top: 1px solid #444444;
border-bottom: 1px solid #444444;
//border-top: 1px solid #444444;
width: 100%;
}
.grafana-target-inner {
border-top: 1px solid black;
border-bottom: 1px solid black;
background: #202020;
border-top: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
background: @grayDark;
width: 100%;
}
@ -198,7 +213,7 @@
padding: 5px 7px;
display: inline-block;
font-weight: normal;
border: 1px solid #050505;
border-right: 2px solid #050505;
color: @grafanaTargetColor;
display: inline-block;
@ -210,14 +225,14 @@
text-decoration: none;
}
&:hover {
background: #282828;
background: #444;
}
}
.grafana-target-function {
background: #303030;
background: #444;
&:hover {
background: #383838;
background: #555;
}
}