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

edit mode styling

Browse Source
This commit is contained in:
Torkel Ödegaard
2018-11-22 12:13:28 +01:00
parent 547044b65f
commit d70dfd5fd7
3 changed files with 15 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/features/dashboard/dashgrid/EditorTabBody.tsx
View File

@@ -107,12 +107,10 @@ export class EditorTabBody extends PureComponent<Props, State> {
</div> </div>
<div className="panel-editor__scroll"> <div className="panel-editor__scroll">
<CustomScrollbar autoHide={false}> <CustomScrollbar autoHide={false}>
<div className="panel-editor__content">
<FadeIn in={openView !== null} duration={200}> <FadeIn in={openView !== null} duration={200}>
{openView && this.renderOpenView(openView)} <div className="panel-editor__toolbar-view">{openView && this.renderOpenView(openView)}</div>
</FadeIn> </FadeIn>
{children} <div className="panel-editor__content">{children}</div>
</div>
</CustomScrollbar> </CustomScrollbar>
</div> </div>
</> </>

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

@@ -49,6 +49,11 @@
padding: 40px 20px; padding: 40px 20px;
} }
.panel-editor__toolbar-view {
background: $black;
padding: 20px;
}
.panel-in-fullscreen { .panel-in-fullscreen {
.sidemenu { .sidemenu {
display: none; display: none;
@@ -116,9 +121,8 @@
} }
.viz-picker__item { .viz-picker__item {
background: $card-background; background: $panel-bg;
box-shadow: $card-shadow; border: $panel-border;
border-radius: 3px; border-radius: 3px;
height: 90px; height: 90px;
width: 150px; width: 150px;
@@ -210,9 +214,8 @@
} }
.ds-picker-list__item { .ds-picker-list__item {
background: $card-background; background: $panel-bg;
box-shadow: $card-shadow; border: $panel-border;
border-radius: 3px; border-radius: 3px;
display: flex; display: flex;
cursor: pointer; cursor: pointer;

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

@@ -42,18 +42,13 @@
height: 20px; height: 20px;
} }
.toolbar-subview {
position: relative;
top: -23px;
}
.toolbar-subview__close { .toolbar-subview__close {
background: transparent; background: transparent;
padding: 4px 8px 4px 9px; padding: 4px 8px 4px 9px;
border: none; border: none;
position: absolute; position: absolute;
right: 15px; right: 25px;
top: 0px; top: 20px;
font-size: $font-size-md; font-size: $font-size-md;
&:hover { &:hover {