noph-ui 0.17.2 → 0.17.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/chip/ChipSet.svelte
CHANGED
|
@@ -115,6 +115,7 @@
|
|
|
115
115
|
border-radius: var(--np-filter-chip-container-shape, var(--np-shape-corner-small));
|
|
116
116
|
--np-icon-button-icon-color: var(--np-color-on-surface-variant);
|
|
117
117
|
--np-icon-size: 1.125rem;
|
|
118
|
+
min-width: 0;
|
|
118
119
|
}
|
|
119
120
|
.np-filter-chip-label input {
|
|
120
121
|
opacity: 0;
|
|
@@ -261,7 +261,9 @@
|
|
|
261
261
|
bind:this={selectElement}
|
|
262
262
|
>
|
|
263
263
|
{#each selectedOption as option, index (index)}
|
|
264
|
-
<option value={option.value} selected={option.selected}
|
|
264
|
+
<option class="np-option" value={option.value} selected={option.selected}
|
|
265
|
+
>{option.label}</option
|
|
266
|
+
>
|
|
265
267
|
{/each}
|
|
266
268
|
</select>
|
|
267
269
|
{:else}
|
|
@@ -595,6 +597,12 @@
|
|
|
595
597
|
}
|
|
596
598
|
}
|
|
597
599
|
|
|
600
|
+
.np-option {
|
|
601
|
+
width: 0;
|
|
602
|
+
height: 0;
|
|
603
|
+
display: block;
|
|
604
|
+
}
|
|
605
|
+
|
|
598
606
|
.no-label .content,
|
|
599
607
|
.field.menu-open .content,
|
|
600
608
|
.field:focus .content,
|
|
@@ -301,6 +301,7 @@
|
|
|
301
301
|
min-height: 100%;
|
|
302
302
|
min-width: min-content;
|
|
303
303
|
position: relative;
|
|
304
|
+
min-width: 0;
|
|
304
305
|
}
|
|
305
306
|
.outlined .container-overflow {
|
|
306
307
|
border-start-start-radius: var(
|
|
@@ -404,6 +405,7 @@
|
|
|
404
405
|
display: flex;
|
|
405
406
|
flex-wrap: wrap;
|
|
406
407
|
align-items: baseline;
|
|
408
|
+
min-width: 0;
|
|
407
409
|
}
|
|
408
410
|
|
|
409
411
|
.input-wrapper > * {
|
|
@@ -415,6 +417,7 @@
|
|
|
415
417
|
align-items: stretch;
|
|
416
418
|
align-self: baseline;
|
|
417
419
|
flex: 1;
|
|
420
|
+
min-width: 0;
|
|
418
421
|
}
|
|
419
422
|
|
|
420
423
|
.input {
|
|
@@ -455,6 +458,7 @@
|
|
|
455
458
|
flex: 1 1 0%;
|
|
456
459
|
opacity: 0;
|
|
457
460
|
transition: opacity 83ms cubic-bezier(0.2, 0, 0, 1);
|
|
461
|
+
min-width: 0;
|
|
458
462
|
}
|
|
459
463
|
.disabled .content {
|
|
460
464
|
color: var(--np-color-on-surface);
|