浏览代码

minor style tweak

Torkel Ödegaard 7 年之前
父节点
当前提交
7455dfcc84
共有 2 个文件被更改,包括 4 次插入14 次删除
  1. 1 2
      public/app/features/dashboard/dashgrid/VisualizationTab.tsx
  2. 3 12
      public/sass/components/_toolbar.scss

+ 1 - 2
public/app/features/dashboard/dashgrid/VisualizationTab.tsx

@@ -174,8 +174,7 @@ export class VisualizationTab extends PureComponent<Props, State> {
             />
             <i className="gf-form-input-icon fa fa-search" />
           </label>
-          <div className="flex-grow" />
-          <button className="btn btn-link" onClick={this.onCloseVizPicker}>
+          <button className="btn btn-link toolbar__close" onClick={this.onCloseVizPicker}>
             <i className="fa fa-chevron-up" />
           </button>
         </>

+ 3 - 12
public/sass/components/_toolbar.scss

@@ -43,16 +43,7 @@
   height: 20px;
 }
 
-.toolbar-subview__close {
-  background: transparent;
-  padding: 4px 8px 4px 9px;
-  border: none;
-  position: absolute;
-  right: 25px;
-  top: 20px;
-  font-size: $font-size-md;
-
-  &:hover {
-    color: $text-color-strong;
-  }
+.toolbar__close {
+  flex-grow: 1;
+  text-align: left;
 }