Merge pull request #65 from squidit/fix-sq-select-multi-tags-wrap

fix-sq-select-multi-tags-wrap
squidit · Jun 17, 2024 · e25ff63 · e25ff63
2 parents b2d4b2e + 73e6d1d
commit e25ff63
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/sq-select-multi-tags/sq-select-multi-tags.component.html b/src/components/sq-select-multi-tags/sq-select-multi-tags.component.html
@@ -56,7 +56,7 @@
         <span *ngIf="!value?.length || !showInside">{{ placeholder }}</span>
         <div class="input-fake-content-text" *ngIf="showInside && value?.length">
           <span class="tag" *ngFor="let opt of value; let i = index" (click)="removeItem(opt, $event)">
-            {{ opt?.label }} <i *ngIf="!readonly" class="fas fa-times"></i>
+            {{ opt?.label }} <i *ngIf="!readonly" class="fas fa-times" [style.minWidth]="'auto'"></i>
           </span>
         </div>
         <span *ngIf="value?.length" class="badge">{{ value!.length }}</span>
@@ -129,6 +129,7 @@
         *ngIf="verifyIfOptionsHasChildren(options)"
       ></i>
       <sq-selector
+        [style.minWidth]="'auto'"
         [id]="(id || name) + '-checkbox-' + opt?.value + '-' + i"
         [name]="name + '-checkbox'"
         [value]="opt?.value"

diff --git a/src/components/sq-select-multi-tags/sq-select-multi-tags.component.scss b/src/components/sq-select-multi-tags/sq-select-multi-tags.component.scss
@@ -140,11 +140,10 @@
     width: 100%;
 
     li {
-      margin: 0;
-      min-height: 30px;
-      flex-flow: row wrap;
+      margin: 0 0 0.5rem;
       display: flex;
-      align-items: center;
+      flex-wrap: nowrap;
+      align-items: baseline;
       justify-content: flex-start;
       transition: var(--transition);
     }

diff --git a/src/package.json b/src/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@squidit/ngx-css",
-  "version": "1.3.35",
+  "version": "1.3.36",
   "peerDependencies": {
     "@angular/common": ">=15.0.0",
     "@angular/core": ">=15.0.0",