docs: remove no longer needed class name from grid example (#3554)

vaadin · Jul 25, 2024 · e67a161 · e67a161
1 parent 26e5673
commit e67a161
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 15 deletions.
diff --git a/frontend/demo/component/grid/grid-styling.ts b/frontend/demo/component/grid/grid-styling.ts
@@ -40,12 +40,7 @@ export class Example extends LitElement {
 
   protected override render() {
     return html`
-      <vaadin-grid
-        .items="${this.items}"
-        .cellPartNameGenerator="${this.cellPartNameGenerator}"
-        class="styling"
-      >
-        <vaadin-grid-column path="firstName"></vaadin-grid-column>
+      <vaadin-grid .items="${this.items}" .cellPartNameGenerator="${this.cellPartNameGenerator}">
         <vaadin-grid-column path="lastName"></vaadin-grid-column>
         <vaadin-grid-column path="profession"></vaadin-grid-column>
         <vaadin-grid-column

diff --git a/frontend/demo/component/grid/react/grid-styling.tsx b/frontend/demo/component/grid/react/grid-styling.tsx
@@ -53,7 +53,7 @@ function Example() {
   }, []);
 
   return (
-    <Grid items={items.value} cellPartNameGenerator={cellPartNameGenerator} className="styling">
+    <Grid items={items.value} cellPartNameGenerator={cellPartNameGenerator}>
       <GridColumn path="firstName" />
       <GridColumn path="lastName" />
       <GridColumn path="profession" />

diff --git a/frontend/themes/docs/grid-styling.css b/frontend/themes/docs/grid-styling.css
@@ -1,18 +1,14 @@
 /* Add this to your global CSS, for example in: */
 /* frontend/theme/[my-theme]/styles.css */
 
-vaadin-grid.styling::part(high-rating) {
+vaadin-grid::part(high-rating) {
     background-color: var(--lumo-success-color-10pct);
 }
 
-vaadin-grid.styling::part(low-rating) {
+vaadin-grid::part(low-rating) {
     background-color: var(--lumo-error-color-10pct);
 }
 
-vaadin-grid.styling::part(loading-row-cell) {
-    background-color: var(--lumo-base-color);
-}
-
-vaadin-grid.styling::part(font-weight-bold) {
+vaadin-grid::part(font-weight-bold) {
     font-weight: bold;
 }
diff --git a/src/main/java/com/vaadin/demo/component/grid/GridStyling.java b/src/main/java/com/vaadin/demo/component/grid/GridStyling.java
@@ -15,7 +15,6 @@ public class GridStyling extends Div {
     public GridStyling() {
         // tag::snippet[]
         Grid<PersonWithRating> grid = new Grid<>(PersonWithRating.class, false);
-        grid.addClassName("styling");
         grid.addColumn(PersonWithRating::getFirstName).setHeader("First name");
         grid.addColumn(PersonWithRating::getLastName).setHeader("Last name");
         grid.addColumn(PersonWithRating::getProfession).setHeader("Profession");