@intechstudio/grid-uikit 1.20251014.1333 → 1.20251103.1352
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/MeltCombo.svelte
CHANGED
|
@@ -158,6 +158,8 @@
|
|
|
158
158
|
function handleBlur() {
|
|
159
159
|
open.set(false);
|
|
160
160
|
}
|
|
161
|
+
|
|
162
|
+
let menuWidth;
|
|
161
163
|
</script>
|
|
162
164
|
|
|
163
165
|
<div class="container" class:flex-grow={size === "full"}>
|
|
@@ -166,6 +168,7 @@
|
|
|
166
168
|
<label>
|
|
167
169
|
{title}
|
|
168
170
|
<input
|
|
171
|
+
bind:clientWidth={menuWidth}
|
|
169
172
|
bind:this={inputElement}
|
|
170
173
|
type="text"
|
|
171
174
|
{...$trigger}
|
|
@@ -218,6 +221,7 @@
|
|
|
218
221
|
on:mousedown|preventDefault
|
|
219
222
|
transition:fade={{ duration: 100 }}
|
|
220
223
|
class="menu"
|
|
224
|
+
style="min-width: {menuWidth}px;"
|
|
221
225
|
>
|
|
222
226
|
<div>
|
|
223
227
|
{#each filteredSuggestions as suggestion}
|
|
@@ -232,8 +236,8 @@
|
|
|
232
236
|
</div>
|
|
233
237
|
{/if}
|
|
234
238
|
|
|
235
|
-
<div class="info-value"
|
|
236
|
-
{infoValue}
|
|
239
|
+
<div class="info-value">
|
|
240
|
+
{infoValue}
|
|
237
241
|
</div>
|
|
238
242
|
</div>
|
|
239
243
|
|
|
@@ -291,10 +295,8 @@
|
|
|
291
295
|
display: flex;
|
|
292
296
|
flex-direction: column;
|
|
293
297
|
overflow-y: auto;
|
|
294
|
-
min-width: 8%;
|
|
295
298
|
width: -moz-fit-content;
|
|
296
299
|
width: fit-content;
|
|
297
|
-
max-width: 13%;
|
|
298
300
|
}
|
|
299
301
|
option.suggestion {
|
|
300
302
|
cursor: pointer;
|
|
@@ -241,14 +241,14 @@
|
|
|
241
241
|
|
|
242
242
|
<style global>
|
|
243
243
|
div.tooltip-container {
|
|
244
|
-
|
|
245
|
-
background-color: var(--tooltip-bg-color);
|
|
244
|
+
background-color: var(--popover-background);
|
|
246
245
|
cursor: default;
|
|
247
246
|
display: flex;
|
|
248
247
|
flex-direction: column;
|
|
249
248
|
position: relative;
|
|
250
249
|
border-radius: 0.375rem;
|
|
251
250
|
z-index: 99;
|
|
251
|
+
padding: 0.25rem;
|
|
252
252
|
}
|
|
253
253
|
|
|
254
254
|
div.tooltip-container-content {
|
|
@@ -263,7 +263,7 @@
|
|
|
263
263
|
}
|
|
264
264
|
|
|
265
265
|
div.tooltip-container-text {
|
|
266
|
-
color:
|
|
266
|
+
color: var(--foreground-muted);
|
|
267
267
|
text-align: left;
|
|
268
268
|
font-weight: 400;
|
|
269
269
|
}
|