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

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
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="panel-full-edit" ng-if="ctrl.editMode">
<div class="tabbed-view tabbed-view--panel-edit"> <div class="tabbed-view tabbed-view--panel-edit">
<div class="tabbed-view-header"> <div class="tabbed-view-header">
<h2 class="tabbed-view-title"> <h3 class="tabbed-view-panel-title">
{{ctrl.pluginName}} {{ctrl.pluginName}}
</h2> </h3>
<ul class="gf-tabs"> <ul class="gf-tabs">
<li class="gf-tabs-item" ng-repeat="tab in ::ctrl.editorTabs"> <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 { .tabbed-view {
background-color: $panel-bg;
padding: $spacer*3; padding: $spacer*3;
margin-bottom: $dashboard-padding; margin-bottom: $dashboard-padding;
@@ -7,9 +6,9 @@
padding: 0; padding: 0;
.tabbed-view-header { .tabbed-view-header {
background-color: $body-bg;
padding: 1.5em 1rem 0 1rem; padding: 1.5em 1rem 0 1rem;
} }
.gf-tabs-link.active { .gf-tabs-link.active {
background-color: $panel-bg; background-color: $panel-bg;
} }
@@ -23,11 +22,16 @@
.tabbed-view-title { .tabbed-view-title {
float: left; float: left;
font-style: italic;
padding-top: 0.5rem; padding-top: 0.5rem;
margin: 0 $spacer*3 0 $spacer*1; 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 { .tabbed-view-close-btn {
float: right; float: right;
padding: 0; padding: 0;
@@ -45,6 +49,7 @@
} }
.tabbed-view-body { .tabbed-view-body {
background-color: $panel-bg;
padding: $spacer*2 $spacer; padding: $spacer*2 $spacer;
min-height: 250px; min-height: 250px;