@dorsk/tsumikit 0.18.7 → 0.18.9
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.
|
@@ -367,13 +367,18 @@
|
|
|
367
367
|
outline: 2px solid var(--accent);
|
|
368
368
|
outline-offset: -2px;
|
|
369
369
|
}
|
|
370
|
+
/* The handle overhangs the panel edge by 6px, but never past the host
|
|
371
|
+
container: when the panel fills it (edge at the window border), the
|
|
372
|
+
overhang would land off-screen and be ungrabbable, so the shift clamps to
|
|
373
|
+
the leftover space and the lost overhang is added back inside instead. */
|
|
370
374
|
.resize-handle {
|
|
375
|
+
--handle-shift: max(-6px, calc(var(--panel-current-width) - 100cqw));
|
|
371
376
|
position: absolute;
|
|
372
377
|
top: 0;
|
|
373
|
-
right: -
|
|
378
|
+
right: var(--handle-shift);
|
|
374
379
|
bottom: 0;
|
|
375
380
|
z-index: 2;
|
|
376
|
-
width:
|
|
381
|
+
width: calc(18px + var(--handle-shift));
|
|
377
382
|
padding: 0;
|
|
378
383
|
background: transparent;
|
|
379
384
|
border: 0;
|
|
@@ -382,7 +387,7 @@
|
|
|
382
387
|
}
|
|
383
388
|
.right .resize-handle {
|
|
384
389
|
right: auto;
|
|
385
|
-
left: -
|
|
390
|
+
left: var(--handle-shift);
|
|
386
391
|
}
|
|
387
392
|
.resize-handle::after {
|
|
388
393
|
content: '';
|
|
@@ -428,6 +433,11 @@
|
|
|
428
433
|
.collapsed .panel {
|
|
429
434
|
box-shadow: none;
|
|
430
435
|
}
|
|
436
|
+
/* The 85cqw cap guarantees free space beside the panel, but the clamp
|
|
437
|
+
above reads --panel-current-width, which the cap may exceed. */
|
|
438
|
+
.resize-handle {
|
|
439
|
+
--handle-shift: -6px;
|
|
440
|
+
}
|
|
431
441
|
.main {
|
|
432
442
|
height: 100%;
|
|
433
443
|
}
|
|
@@ -48,7 +48,11 @@
|
|
|
48
48
|
<div class="empty empty-{tone} {compact ? 'empty-compact' : ''} {klass}" data-tsu="EmptyState" {...rest}>
|
|
49
49
|
{#if icon || iconChildren}
|
|
50
50
|
<span class="empty-chip" aria-hidden="true">
|
|
51
|
-
|
|
51
|
+
{#if iconChildren}
|
|
52
|
+
<Icon>{@render iconChildren()}</Icon>
|
|
53
|
+
{:else}
|
|
54
|
+
<Icon name={icon} />
|
|
55
|
+
{/if}
|
|
52
56
|
</span>
|
|
53
57
|
{/if}
|
|
54
58
|
<p class="empty-title">{title}</p>
|
package/package.json
CHANGED