fix: incorrect indent of sd-footnotes (#1328)

solid-design-system · Sep 2, 2024 · 646f455 · 646f455
1 parent 0ac7e70
commit 646f455
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/packages/components/src/styles/footnotes/footnotes.css b/packages/components/src/styles/footnotes/footnotes.css
@@ -7,7 +7,7 @@
       @apply flex gap-2;
 
       &::before {
-        @apply w-5 leading-normal;
+        @apply w-5 leading-normal shrink-0;
         content: counter(list-item);
         padding-top: 1px;
         font-size: 10px;

diff --git a/packages/components/src/styles/footnotes/footnotes.stories.ts b/packages/components/src/styles/footnotes/footnotes.stories.ts
@@ -24,8 +24,9 @@ export default {
     {
       type: 'slot',
       name: 'default',
-      value:
-        '<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</li><li>Sed diam nonumy eirmod tempor invidunt ut labore.</li><li>Dolore magna aliq erat, sed diam voluptua.</li>'
+      value: `<li>Lorem ipsum dolor sit amet.</li>
+<li>Elit aliqua labore qui eu mollit officia ullamco exercitation ut veniam laboris ad elit adipisicing elit. Cupidatat enim nostrud aliquip labore elit sit fugiat veniam. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
+<li>Officia ipsum cillum id sint officia commodo laboris ullamco nulla veniam ut. Cupidatat deserunt amet aliquip dolore nostrud amet veniam ad nostrud do dolore culpa.</li>`
     }
   ]),
   argTypes,
@@ -48,7 +49,7 @@ export default {
 export const Default = {
   render: (args: any) => {
     return generateTemplate({
-      options: { templateContent: '<div class="sd-container"><ol class="%CLASSES%">%SLOT%</ol></div?' },
+      options: { templateContent: '<div class="sd-container"><ol class="%CLASSES%">%SLOT%</ol></div>' },
       args
     });
   }
@@ -64,7 +65,7 @@ export const UnorderedLists = {
   render: (args: any) => {
     return generateTemplate({
       options: {
-        templateContent: '<div class="sd-container"><ul class="%CLASSES%">%SLOT%</ul></div?'
+        templateContent: '<div class="sd-container"><ul class="%CLASSES%">%SLOT%</ul></div>'
       },
       args
     });