Move the dropdown to the side in Edit Mode (#4758)

getredash · Apr 14, 2020 · 3d26afe · 3d26afe
1 parent 2d29240
commit 3d26afe
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/client/app/components/dashboards/dashboard-widget/Widget.less b/client/app/components/dashboards/dashboard-widget/Widget.less
@@ -1,4 +1,4 @@
-@import '../../../assets/less/inc/variables';
+@import "../../../assets/less/inc/variables";
 
 .tile .t-header .th-title a.query-link {
   color: rgba(0, 0, 0, 0.5);
@@ -10,6 +10,7 @@
 
 .widget-wrapper {
   .widget-actions {
+    display: flex;
     position: absolute;
     top: 0;
     right: 0;
@@ -78,9 +79,6 @@
 }
 
 .editing-mode {
-  .widget-menu-regular {
-    display: none;
-  }
   .widget-menu-remove {
     display: block;
   }
@@ -151,7 +149,7 @@
     transition: all 100ms linear;
     transition-delay: 150ms;
     color: #bbbbbb;
-    background-color: rgba(255,255,255,.9);
+    background-color: rgba(255, 255, 255, 0.9);
     padding-left: 2px;
     padding-right: 1px;
     margin-right: -4px;
@@ -182,7 +180,8 @@
 }
 
 .tile {
-  .widget-menu-regular, .btn__refresh {
+  .widget-menu-regular,
+  .btn__refresh {
     opacity: 0 !important;
     transition: opacity 0.35s ease-in-out;
   }
@@ -214,7 +213,8 @@
   }
 
   &:hover {
-    .widget-menu-regular, .btn__refresh {
+    .widget-menu-regular,
+    .btn__refresh {
       opacity: 1 !important;
       transition: opacity 0.35s ease-in-out;
     }
@@ -240,8 +240,6 @@
       }
     }
 
-
-
     a {
       color: fade(@redash-black, 65%);