fix(lib): demo layout

RedHat-UX · Nov 14, 2023 · a8fa4b9 · a8fa4b9
1 parent 95a3bf7
commit a8fa4b9
Showing 1 changed file with 20 additions and 11 deletions.
diff --git a/lib/elements/rh-context-demo/rh-context-demo.css b/lib/elements/rh-context-demo/rh-context-demo.css
@@ -12,19 +12,28 @@
     "button audio-player card" min-content
     "pagination pagination card"
     "text text card"
-    "tabs tabs tabs" / auto min-content 1fr
-}
+    "tabs tabs tabs" / auto min-content 1fr;
+
+  & rh-accordion { grid-area: accordion; }
+  & rh-button { grid-area: button; }
+  & rh-card { grid-area: card; }
+  & rh-tabs { grid-area: tabs; }
+
+  & rh-audio-player {
+    grid-area: audio-player;
+  }
 
-#default rh-accordion { grid-area: accordion; }
-#default rh-button { grid-area: button; }
-#default rh-audio-player { grid-area: audio-player; }
-#default rh-card { grid-area: card; }
-#default rh-pagination { grid-area: pagination; }
-#default rh-tabs { grid-area: tabs; }
+  & rh-pagination {
+    grid-area: pagination;
+    &::part(numeric) {
+      display: none;
+    }
+  }
 
-#default p {
-  grid-area: text;
-  margin: 0;
+  & p {
+    grid-area: text;
+    margin: 0;
+  }
 }
 
 .light { color: var(--rh-color-text-primary-on-light, #151515); }