Merge pull request #6214 from rashidkpc/feature/dashboard-restyle

V5 dashboard restyle
elastic · Feb 12, 2016 · 2ce4dfb · 2ce4dfb
2 parents 30d8445 + 4622a4c
commit 2ce4dfb
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 10 deletions.
diff --git a/src/plugins/kibana/public/dashboard/components/panel/panel.html b/src/plugins/kibana/public/dashboard/components/panel/panel.html
@@ -1,12 +1,6 @@
 <div class="panel panel-default" ng-switch on="panel.type" ng-if="savedObj || error">
   <div class="panel-heading">
     <span class="panel-title" title="{{::savedObj.title}}">
-      <i
-        class="fa"
-        ng-class="savedObj.vis.type.icon"
-        aria-label="{{::savedObj.vis.type.title}} Icon"
-        title="{{::savedObj.vis.type.title}}">
-      </i>
       {{::savedObj.title}}
     </span>
     <div class="btn-group">

diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -36,6 +36,30 @@ dashboard-grid {
     width: 25px;
   }
 
+  .gs-w {
+    border: 2px dashed transparent;
+
+    &:hover {
+      border-color: @kibanaGray4;
+
+      dashboard-panel {
+        .visualize-show-spy {
+          visibility: visible;
+        }
+        .panel .panel-heading {
+          background-color: @kibanaGray6;
+          &:hover {
+            cursor: pointer;
+          }
+          .btn-group {
+            display: block !important;
+          }
+        }
+      }
+
+    }
+  }
+
   i.remove {
     cursor: pointer;
   }
@@ -58,15 +82,23 @@ dashboard-grid {
       display: flex;
       flex-direction: column;
       justify-content: flex-start;
+      border: 0 solid transparent;
 
       .panel-heading {
+        padding: 0px 0px 0px 5px;
         flex: 0 0 auto;
         white-space: nowrap;
         display: flex;
         border-top-right-radius: 0;
         border-top-left-radius: 0;
+        background-color: @white;
+        border: none;
 
-        div.btn-group {
+        .btn-group {
+          a {
+            color: inherit;
+          }
+          display: none;
           white-space: nowrap;
           flex: 0 0 auto;
         }
@@ -99,6 +131,10 @@ dashboard-grid {
         }
       }
 
+      .visualize-show-spy {
+        visibility: hidden;
+      }
+
       .load-error {
         text-align: center;
         font-size: 1em;

diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
@@ -7,7 +7,7 @@ html,
 body {
   .flex-parent();
   height: 100%;
-  margin: 0px;
+  margin: 0;
 }
 
 label > small {

diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
@@ -75,8 +75,8 @@
 
 
 // Dashboard ===================================================================
-@dashboard-bg: @gray-lighter;
-@dashboard-panel-bg: @panel-bg;
+@dashboard-bg: #fff;
+@dashboard-panel-bg: #fff;
 @dashboard-panel-color: @text-color;
 @dashboard-panel-heading-link-color: @text-color;
 @dashboard-panel-heading-link-hover-color: @link-hover-color;