Procházet zdrojové kódy

HUE-7785 [dashboard] Widgets should have a gray border just on edit mode

Enrico Berti před 8 roky
rodič
revize
f3f50f8

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 8 - 1
desktop/core/src/desktop/static/desktop/less/components/hue-gridster.less

@@ -16,17 +16,24 @@
  limitations under the License.
 */
 
+
+
 .gridster {
   & > ul {
     margin: 0;
     list-style-type: none;
     & > li {
-      border: 1px solid @cui-gray-200;
+      border: 1px solid @cui-white;
       background: @cui-white !important;
       overflow-x: hidden;
       overflow-y: auto;
     }
   }
+  & > ul.is-editing {
+    & > li {
+      border-color: @cui-gray-200;
+    }
+  }
   .card-widget {
     width: 100% !important;
     margin: 0 !important;

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

@@ -170,7 +170,7 @@
 
     <div class="gridster">
       <!-- ko if: typeof gridItems !== 'undefined' -->
-      <ul class="unstyled" data-bind="gridster: { items: gridItems, template: 'widget-template-gridster${ suffix }' }"></ul>
+      <ul class="unstyled" data-bind="css: { 'is-editing': $root.isEditing }, gridster: { items: gridItems, template: 'widget-template-gridster${ suffix }' }"></ul>
       <!-- /ko -->
     </div>
 

+ 2 - 2
desktop/libs/dashboard/src/dashboard/templates/common_search.mako

@@ -3635,11 +3635,11 @@ $(document).ready(function () {
     resize: {
       enabled: true,
       start: function (event, ui, $widget) {
-        $widget.find('.card-widget').hide();
+        $widget.find('.card-widget').css('opacity', '.6');
       },
       stop: function (event, ui, $widget) {
         huePubSub.publish('resize.plotly.chart');
-        $widget.find('.card-widget').height($widget.height()).show();
+        $widget.find('.card-widget').height($widget.height()).css('opacity', '1');
       },
     }
   });

Některé soubory nejsou zobrazeny, neboť je v těchto rozdílových datech změněno mnoho souborů