fix: check box extra margin #1189

zyfra · Dec 14, 2023 · 6d7f132 · 6d7f132
1 parent fe630b6
commit 6d7f132
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 10 deletions.
diff --git a/apps/doc/src/app/components/checkbox/checkbox-example.component.html b/apps/doc/src/app/components/checkbox/checkbox-example.component.html
@@ -18,16 +18,28 @@
 
  <ng-template prizmDocPageTab prizmDocHost>
  <prizm-doc-demo>
- <prizm-checkbox
- #element
- [prizmDocHostElement]="element"
- [checked]="checked"
- [disabled]="disabled"
- [size]="size"
- [indeterminate]="indeterminate"
- >
- {{ label }}
- </prizm-checkbox>
+ <div class="box">
+ <prizm-checkbox
+ #element
+ [prizmDocHostElement]="element"
+ [checked]="checked"
+ [disabled]="disabled"
+ [size]="size"
+ [indeterminate]="indeterminate"
+ >
+ {{ label }}
+ </prizm-checkbox>
+ </div>
+ <div class="box">
+ <prizm-checkbox
+ #element
+ [prizmDocHostElement]="element"
+ [checked]="checked"
+ [disabled]="disabled"
+ [size]="size"
+ [indeterminate]="indeterminate"
+ ></prizm-checkbox>
+ </div>
  </prizm-doc-demo>
  <prizm-doc-documentation>
  <ng-template [(documentationPropertyValue)]="label" documentationPropertyMode="ng-content">

diff --git a/apps/doc/src/app/components/checkbox/checkbox-example.component.less b/apps/doc/src/app/components/checkbox/checkbox-example.component.less
@@ -0,0 +1,5 @@
+:host {
+ .box {
+ margin-bottom: 16px;
+ }
+}
diff --git a/libs/components/src/lib/components/checkbox/checkbox.component.less b/libs/components/src/lib/components/checkbox/checkbox.component.less
@@ -98,6 +98,10 @@
  font-size: 14px;
  line-height: 20px;
  }
+
+ &:empty {
+ display: none;
+ }
 }
 
 :host-context(.prizm-checkbox--disabled) {