test story

umbraco · Nov 2, 2023 · 48c89b6 · 48c89b6
1 parent 4f98b71
commit 48c89b6
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/packages/uui-popover-container/lib/popover-test-story.element.ts b/packages/uui-popover-container/lib/popover-test-story.element.ts
@@ -13,6 +13,13 @@ export class UUIPopoverTestStoryElement extends LitElement {
       <uui-popover-container id="my-popover" popover>
         <uui-box style="width: 200px; border: 1px solid black">
           <h2>Whats going on ma dude</h2>
+          <uui-scroll-container>
+            <ul>
+              <li>List 1</li>
+              <li>List 2</li>
+              <li>List 3</li>
+            </ul>
+          </uui-scroll-container>
           <uui-button
             color="danger"
             look="primary"
@@ -33,6 +40,34 @@ export class UUIPopoverTestStoryElement extends LitElement {
       uui-box:hover {
         background: pink;
       }
+
+      ul {
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+      }
+
+      li {
+        position: relative;
+        margin-bottom: 1px;
+      }
+
+      li:nth-last-of-type(1) {
+        margin-bottom: 0;
+      }
+
+      li.selected:before {
+        background-color: var(--uui-color-current);
+        border-radius: 0 4px 4px 0;
+        bottom: 8px;
+        content: '';
+        left: 0;
+        pointer-events: none;
+        position: absolute;
+        top: 8px;
+        width: 4px;
+        z-index: 1;
+      }
     `,
   ];
 }