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

panel edit ux experiments

Browse Source
This commit is contained in:
Torkel Ödegaard
2018-11-21 20:32:04 +01:00
parent e47fc40b13
commit c7e296307a
12 changed files with 38 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
public/sass/components/_panel_editor.scss
View File

@@ -24,11 +24,17 @@
.panel-editor-container__editor {
margin-top: $panel-margin*2;
display: flex;
flex-direction: column;
flex-direction: row;
height: 65%;
position: relative;
}
.panel-editor__right {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.panel-editor__scroll {
flex-grow: 1;
min-width: 0;
@@ -37,6 +43,7 @@
.panel-editor__content {
padding: 40px 20px;
background: $input-label-bg;
}
.panel-in-fullscreen {
@@ -149,22 +156,13 @@
.panel-editor-tabs {
position: relative;
z-index: 2;
box-shadow: $page-header-shadow;
border-bottom: 1px solid $page-header-border-color;
padding: 0 $dashboard-padding;
@include clearfix();
.active.gf-tabs-link {
background: $toolbar-tab-bg;
}
display: flex;
flex-direction: column;
padding: 40px 10px 10px 10px;
}
.panel-editor-tabs__close {
padding: 5px 9px;
border-radius: $border-radius;
float: right;
@include buttonBackground($btn-primary-bg, $btn-primary-bg-hl);
.panel-editor-tabs__item {
margin-bottom: 25px;
}
.ds-picker-list {

9
public/sass/components/_toolbar.scss
View File

@@ -2,14 +2,17 @@
display: flex;
align-content: center;
align-items: center;
background: $toolbar-bg;
box-shadow: $toolbar-shadow;
padding: 7px 20px 7px 20px;
padding: 3px 20px 3px 20px;
position: relative;
z-index: 1;
flex: 0 0 auto;
}
.toolbar__heading {
font-size: $font-size-lg;
padding-right: 10px;
}
.toolbar__main {
padding: $input-padding-y $input-padding-x;
font-size: $font-size-md;