chore: minor fixes and updates to aura dev page (#10193)

jouni · web-flow · commit e8d8bd386eda · 2025-09-19T09:41:21.000+03:00
diff --git a/dev/assets/lucide-icons/rotate-ccw.svg b/dev/assets/lucide-icons/rotate-ccw.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
+  stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />
+  <path d="M3 3v5h5" />
+</svg>
diff --git a/dev/aura.html b/dev/aura.html
@@ -232,11 +232,13 @@
 
       /* TODO re-evaluate MDL API, how to achieve this */
       .dashboard-section::part(master) {
-        flex-basis: 15%;
+        flex-basis: 15em;
+        flex-grow: 0.1;
       }
 
       .dashboard-section::part(detail) {
-        flex-basis: 85%;
+        flex-basis: 85em;
+        flex-grow: 2;
       }
 
       /* TODO part of Aura? */
@@ -398,7 +400,7 @@ <h1>Components</h1>
 
               .components-view .component {
                 display: flex;
-                height: 200px;
+                height: calc(200px - var(--vaadin-gap-s));
                 align-items: center;
                 justify-content: center;
                 border-radius: var(--vaadin-radius-m);
@@ -610,7 +612,7 @@ <h6>Heading</h6>
 
                 <div class="aura-surface component widest tall no-padding">
                   <vaadin-grid theme="no-border">
-                    <vaadin-grid-selection-column></vaadin-grid-selection-column>
+                    <vaadin-grid-selection-column auto-select></vaadin-grid-selection-column>
                     <vaadin-grid-column path="name"></vaadin-grid-column>
                     <vaadin-grid-column path="email"></vaadin-grid-column>
                   </vaadin-grid>
@@ -688,8 +690,8 @@ <h3>Edit Theme</h3>
         <aura-font-family-control label="--aura-font-family"></aura-font-family-control>
         <hr />
         <vaadin-button id="resetAll">
+          <vaadin-icon src="./assets/lucide-icons/rotate-ccw.svg" slot="prefix"></vaadin-icon>
           Reset All
-          <vaadin-icon icon="lucide:rotate-ccw"></vaadin-icon>
         </vaadin-button>
       </vaadin-vertical-layout>
     </vaadin-popover>
diff --git a/dev/aura/aura-view.css b/dev/aura/aura-view.css
@@ -17,7 +17,6 @@
   padding: var(--vaadin-padding-m);
   display: flex;
   align-items: center;
-  gap: var(--vaadin-gap-xs);
 }
 
 :is(.aura-view > header, .aura-view-header) :is(h1, h2, h3, h4, h5, h6, .aura-view-heading) {

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,6 @@`
`17`	`17`	`padding: var(--vaadin-padding-m);`
`18`	`18`	`display: flex;`
`19`	`19`	`align-items: center;`
`20`		`- gap: var(--vaadin-gap-xs);`
`21`	`20`	`}`
`22`	`21`
`23`	`22`	`:is(.aura-view > header, .aura-view-header) :is(h1, h2, h3, h4, h5, h6, .aura-view-heading) {`