Merge pull request #1547 from GuidoZam/guidozam-reordered-controltest…

…webpart Updated ControlsTestWebPart
pnp · Jul 6, 2023 · 63d4875 · 63d4875
2 parents 83b53cb + 2346da8
commit 63d4875
Show file tree

Hide file tree

Showing 6 changed files with 1,278 additions and 1,503 deletions.
diff --git a/src/webparts/controlsTest/ControlsTestWebPart.ts b/src/webparts/controlsTest/ControlsTestWebPart.ts
@@ -87,7 +87,7 @@ export default class ControlsTestWebPart extends BaseClientSideWebPart<IControls
         themeVariant: this._themeVariant,
         context: this.context,
         description: this.properties.description,
-        title: this.properties.title,
+        title: this.properties.title ?? "Sample title",
         displayMode: this.displayMode,
         updateProperty: (value: string) => {
           this.properties.title = value;

diff --git a/src/webparts/controlsTest/components/ControlsTest.module.scss b/src/webparts/controlsTest/components/ControlsTest.module.scss
@@ -7,8 +7,20 @@ $themePrimary: '[theme:themePrimary, default:#0078d7]';
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
   }
 
+  .toggleFilter {
+    display: flex;
+    float: left;
+    margin: 10px;
+  }
+
+  .controlFiltersContainer {
+    overflow: auto;
+    display: grid;
+    grid-template-columns: auto auto auto;
+  }
+
   .row {
-    padding: 20px;
+    padding: 10px;
     >div>div {
       margin-bottom: 10px;
     }