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

wip: style changes

Browse Source
This commit is contained in:
Torkel Ödegaard
2018-12-13 13:05:43 +01:00
parent 226e55b188
commit 5fde977185
5 changed files with 43 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -88,11 +88,14 @@ export class EditorTabBody extends PureComponent<Props, State> {
renderOpenView(view: EditorToolBarView) {
return (
<div className="toolbar-subview">
<button className="toolbar-subview__close" onClick={this.onCloseOpenView}>
<i className="fa fa-chevron-up" />
</button>
{view.render(this.onCloseOpenView)}
<div className="panel-option-section">
<div className="panel-option-section__header">
{view.title}
<button className="btn btn-link" onClick={this.onCloseOpenView}>
<i className="fa fa-remove" />
</button>
</div>
<div className="panel-option-section__body">{view.render(this.onCloseOpenView)}</div>
</div>
);
}
@@ -115,10 +118,10 @@ export class EditorTabBody extends PureComponent<Props, State> {
</div>
<div className="panel-editor__scroll">
<CustomScrollbar autoHide={false}>
<FadeIn in={isOpen} duration={200} unmountOnExit={true}>
<div className="panel-editor__toolbar-view">{openView && this.renderOpenView(openView)}</div>
</FadeIn>
<div className="panel-editor__content">
<FadeIn in={isOpen} duration={200} unmountOnExit={true}>
{openView && this.renderOpenView(openView)}
</FadeIn>
<FadeIn in={fadeIn} duration={50}>
{children}
</FadeIn>