mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
style tweaks
This commit is contained in:
parent
9a2b2863fb
commit
547044b65f
@ -98,7 +98,7 @@ export class EditorTabBody extends PureComponent<Props, State> {
|
||||
const { children, toolbarItems, main, heading } = this.props;
|
||||
const { openView } = this.state;
|
||||
return (
|
||||
<div className="panel-editor__right">
|
||||
<>
|
||||
<div className="toolbar">
|
||||
<div className="toolbar__heading">{heading}</div>
|
||||
{main && this.renderMainSelection(main)}
|
||||
@ -115,7 +115,7 @@ export class EditorTabBody extends PureComponent<Props, State> {
|
||||
</div>
|
||||
</CustomScrollbar>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -96,7 +96,7 @@ export class PanelEditor extends PureComponent<PanelEditorProps> {
|
||||
return <TabItem tab={tab} activeTab={activeTab} onClick={this.onChangeTab} key={tab.id} />;
|
||||
})}
|
||||
</div>
|
||||
{this.renderCurrentTab(activeTab)}
|
||||
<div className="panel-editor__right">{this.renderCurrentTab(activeTab)}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -126,8 +126,14 @@ export class VisualizationTab extends PureComponent<Props> {
|
||||
},
|
||||
};
|
||||
|
||||
const panelHelp = {
|
||||
title: '',
|
||||
icon: 'fa fa-question',
|
||||
render: () => <h2>Help</h2>,
|
||||
};
|
||||
|
||||
return (
|
||||
<EditorTabBody heading="Visualization" main={panelSelection} toolbarItems={[]}>
|
||||
<EditorTabBody heading="Visualization" main={panelSelection} toolbarItems={[panelHelp]}>
|
||||
{this.renderPanelOptions()}
|
||||
</EditorTabBody>
|
||||
);
|
||||
|
@ -162,7 +162,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
top: 79px;
|
||||
left: 5px;
|
||||
align-items: center;
|
||||
|
||||
|
@ -6,7 +6,7 @@
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
flex: 0 0 auto;
|
||||
background: $input-label-bg;
|
||||
background: $black;
|
||||
border-bottom: 1px solid $black;
|
||||
border-radius: 3px;
|
||||
}
|
||||
@ -44,10 +44,7 @@
|
||||
|
||||
.toolbar-subview {
|
||||
position: relative;
|
||||
padding: 20px 20px;
|
||||
background-color: $empty-list-cta-bg;
|
||||
top: -45px;
|
||||
margin: 0 30px 20px 0px;
|
||||
top: -23px;
|
||||
}
|
||||
|
||||
.toolbar-subview__close {
|
||||
@ -56,7 +53,7 @@
|
||||
border: none;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 20px;
|
||||
top: 0px;
|
||||
font-size: $font-size-md;
|
||||
|
||||
&:hover {
|
||||
|
Loading…
Reference in New Issue
Block a user