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

ux: style tweaks

Browse Source
This commit is contained in:
Torkel Ödegaard 2017-10-11 22:10:33 +02:00
parent 3a089dd04c
commit 98b582bead
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/features/panel/panel_directive.ts
View File

@ -28,9 +28,9 @@ var panelTemplate = `
<div class="panel-full-edit" ng-if="ctrl.editMode">
<div class="tabbed-view tabbed-view--panel-edit">
<div class="tabbed-view-header">
<h2 class="tabbed-view-title">
<h3 class="tabbed-view-panel-title">
{{ctrl.pluginName}}
</h2>
</h3>
<ul class="gf-tabs">
<li class="gf-tabs-item" ng-repeat="tab in ::ctrl.editorTabs">

11
public/sass/components/_tabbed_view.scss
View File

@ -1,5 +1,4 @@
.tabbed-view {
background-color: $panel-bg;
padding: $spacer*3;
margin-bottom: $dashboard-padding;
@ -7,9 +6,9 @@
padding: 0;
.tabbed-view-header {
background-color: $body-bg;
padding: 1.5em 1rem 0 1rem;
}
.gf-tabs-link.active {
background-color: $panel-bg;
}
@ -23,11 +22,16 @@
.tabbed-view-title {
float: left;
font-style: italic;
padding-top: 0.5rem;
margin: 0 $spacer*3 0 $spacer*1;
}
.tabbed-view-panel-title {
float: left;
padding-top: 1rem;
margin: 0 2rem 0 0;
}
.tabbed-view-close-btn {
float: right;
padding: 0;
@ -45,6 +49,7 @@
}
.tabbed-view-body {
background-color: $panel-bg;
padding: $spacer*2 $spacer;
min-height: 250px;