@14ch/svelte-ui 0.0.40 → 0.0.41
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.
|
@@ -168,7 +168,9 @@
|
|
|
168
168
|
{#if selectedLabels.length > 0}
|
|
169
169
|
<span class="multi-select__display-text">
|
|
170
170
|
{#each selectedLabels as label, i}
|
|
171
|
-
<span
|
|
171
|
+
<span
|
|
172
|
+
>{label}{#if i < selectedLabels.length - 1},{/if}</span
|
|
173
|
+
>
|
|
172
174
|
{/each}
|
|
173
175
|
</span>
|
|
174
176
|
{:else if placeholder}
|
|
@@ -234,7 +236,7 @@
|
|
|
234
236
|
width: 100%;
|
|
235
237
|
min-height: var(--svelte-ui-select-height);
|
|
236
238
|
padding: var(--svelte-ui-select-padding);
|
|
237
|
-
padding-right:
|
|
239
|
+
padding-right: var(--svelte-ui-select-icon-space);
|
|
238
240
|
background: transparent;
|
|
239
241
|
border: none;
|
|
240
242
|
font-family: inherit;
|
|
@@ -258,7 +260,6 @@
|
|
|
258
260
|
align-self: stretch;
|
|
259
261
|
display: flex;
|
|
260
262
|
align-items: center;
|
|
261
|
-
padding-right: var(--svelte-ui-select-icon-space);
|
|
262
263
|
}
|
|
263
264
|
|
|
264
265
|
.multi-select__display-text {
|
|
@@ -287,6 +288,7 @@
|
|
|
287
288
|
right: 4px;
|
|
288
289
|
margin-top: calc((var(--svelte-ui-select-height) - 32px) / 2);
|
|
289
290
|
margin-bottom: calc((var(--svelte-ui-select-height) - 32px) / 2);
|
|
291
|
+
margin-right: calc(0px - var(--svelte-ui-select-icon-space));
|
|
290
292
|
width: 32px;
|
|
291
293
|
height: 32px;
|
|
292
294
|
font-size: var(--svelte-ui-select-dropdown-icon-size);
|
|
@@ -342,7 +344,7 @@
|
|
|
342
344
|
* ============================================= */
|
|
343
345
|
.multi-select.multi-select--inline .multi-select__trigger {
|
|
344
346
|
padding: inherit;
|
|
345
|
-
padding-right:
|
|
347
|
+
padding-right: var(--svelte-ui-input-icon-space-inline);
|
|
346
348
|
background: transparent;
|
|
347
349
|
border: none;
|
|
348
350
|
border-radius: 0;
|
|
@@ -354,12 +356,13 @@
|
|
|
354
356
|
align-self: auto;
|
|
355
357
|
align-items: flex-start;
|
|
356
358
|
min-height: 1lh;
|
|
357
|
-
padding-right: var(--svelte-ui-input-icon-space-inline);
|
|
358
359
|
}
|
|
359
360
|
.multi-select.multi-select--inline .multi-select__dropdown-icon {
|
|
361
|
+
top: calc((1lh - 32px) / 2);
|
|
360
362
|
right: 0;
|
|
361
363
|
margin-top: 0;
|
|
362
364
|
margin-bottom: 0;
|
|
365
|
+
margin-right: calc(0px - var(--svelte-ui-input-icon-space-inline));
|
|
363
366
|
}
|
|
364
367
|
|
|
365
368
|
/* =============================================
|