refactor: update dashboard resize mode icons (#8191)

vaadin · Nov 20, 2024 · bae0a94 · bae0a94
1 parent ce163d5
commit bae0a94
Showing 1 changed file with 6 additions and 11 deletions.
diff --git a/packages/dashboard/theme/lumo/vaadin-dashboard-widget-styles.js b/packages/dashboard/theme/lumo/vaadin-dashboard-widget-styles.js
@@ -226,19 +226,18 @@ const dashboardWidget = css`
     border-bottom-right-radius: 0;
   }
 
-  :host(:not([dir='rtl'])) [part~='resize-shrink-width-button'],
-  :host([dir='rtl']) [part~='resize-grow-width-button'] {
-    --icon: var(--lumo-icons-angle-left);
+  [part~='resize-grow-height-button'],
+  [part~='resize-grow-width-button'] {
+    --icon: var(--lumo-icons-plus);
   }
 
-  :host(:not([dir='rtl'])) [part~='resize-grow-width-button'],
-  :host([dir='rtl']) [part~='resize-shrink-width-button'] {
-    --icon: var(--lumo-icons-angle-right);
+  [part~='resize-shrink-height-button'],
+  [part~='resize-shrink-width-button'] {
+    --icon: var(--lumo-icons-minus);
   }
 
   [part~='resize-grow-height-button'],
   [part~='resize-shrink-height-button'] {
-    --icon: var(--lumo-icons-angle-down);
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
   }
@@ -247,10 +246,6 @@ const dashboardWidget = css`
     border-top-left-radius: 0;
     border-top-right-radius: 0;
   }
-
-  [part~='resize-shrink-height-button'] {
-    --icon: var(--lumo-icons-angle-up);
-  }
 `;
 
 registerStyles('vaadin-dashboard-widget', [dashboardWidget, dashboardWidgetAndSection], {