fix(checkbox-button): add aspect ratio to 1 (#79)

ovh · Jun 22, 2023 · cc72649 · cc72649
1 parent 5b10253
commit cc72649
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/...checkbox-button/src/components/osds-checkbox-button/styles/osds-checkbox-button.size.scss b/...checkbox-button/src/components/osds-checkbox-button/styles/osds-checkbox-button.size.scss
@@ -10,6 +10,7 @@
       height: ods-get-size-property($sizes, height);
       margin: ods-get-size-property($sizes, margin);
       width: ods-get-size-property($sizes, width);
+      aspect-ratio: 1/1;
     }
   }
 }
diff --git a/packages/stencil/components/checkbox-button/src/index.html b/packages/stencil/components/checkbox-button/src/index.html
@@ -36,5 +36,20 @@
 <p>interactive disabled checked indeterminate</p>
 <osds-checkbox-button  interactive disabled checked indeterminate></osds-checkbox-button>
 
+
+<p>with slot</p>
+<osds-checkbox-button color="default" size="md" class="hydrated">
+  <span slot="start">Left input</span>
+  <span slot="end">Right input</span>
+</osds-checkbox-button>
+
+<p>with long text slot</p>
+<div style='width: 200px'>
+  <osds-checkbox>
+    <osds-checkbox-button interactive="" color="primary" size="md">
+      <span slot="end">Oles ipsum dolor sit amet, oratio hinc ius impetus persius</span>
+    </osds-checkbox-button>
+  </osds-checkbox>
+</div>
 </body>
 </html>