Jelajahi Sumber

HUE-7651 [dashboard] Show widget delete icon on hover on Gridster mode

Enrico Berti 8 tahun lalu
induk
melakukan
bc943d6

+ 1 - 1
desktop/core/src/desktop/templates/common_dashboard.mako

@@ -295,7 +295,7 @@
         <span data-bind="editable: name, editableOptions: {enabled: $root.isEditing(), placement: 'right'}"></span>
       <!-- /ko -->
       <div class="inline pull-right" data-bind="visible: $root.isEditing">
-        <a href="javascript:void(0)" data-bind="click: $root.removeWidget"><i class="fa fa-times"></i></a>
+        <a href="javascript:void(0)" class="remove-widget" data-bind="click: $root.removeWidget"><i class="fa fa-times"></i></a>
       </div>
     </h2>
     <div class="card-body" style="padding: 5px;">

File diff ditekan karena terlalu besar
+ 0 - 0
desktop/libs/dashboard/src/dashboard/static/dashboard/css/search.css


+ 11 - 0
desktop/libs/dashboard/src/dashboard/static/dashboard/less/search.less

@@ -753,6 +753,17 @@
     vertical-align: middle;
   }
 
+  .gridster {
+    .remove-widget, .remove-empty-gridster {
+      opacity: 0;
+    }
+    .gs-w:hover {
+      .remove-widget, .remove-empty-gridster {
+        opacity: 1;
+      }
+    }
+  }
+
   @media screen and (max-width: 1000px) {
     .card-widget, .card-column {
       float: left !important;

Beberapa file tidak ditampilkan karena terlalu banyak file yang berubah dalam diff ini