@classic-homes/theme-svelte 1.24.0 → 1.24.1
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.
|
@@ -1278,6 +1278,18 @@
|
|
|
1278
1278
|
return 'animate-scale-in';
|
|
1279
1279
|
});
|
|
1280
1280
|
|
|
1281
|
+
// Resize handles sit over the content's right/bottom edge, where its
|
|
1282
|
+
// scrollbars live. Inset the scroll container so the scrollbars stay clickable.
|
|
1283
|
+
const resizeRight = $derived(
|
|
1284
|
+
!disableResize &&
|
|
1285
|
+
((variant === 'full' && (mode === 'detached' || edge === 'left')) ||
|
|
1286
|
+
(variant === 'card' && isExpanded && !isMobile))
|
|
1287
|
+
);
|
|
1288
|
+
const resizeBottom = $derived(
|
|
1289
|
+
!disableResize && variant === 'full' && (mode === 'detached' || edge === 'top')
|
|
1290
|
+
);
|
|
1291
|
+
const hasFooter = $derived(!!(footer || actions.length > 0 || footerActions));
|
|
1292
|
+
|
|
1281
1293
|
// Whether to show content (collapsed card only shows header)
|
|
1282
1294
|
const showContent = $derived(
|
|
1283
1295
|
variant !== 'card' ||
|
|
@@ -1535,7 +1547,9 @@
|
|
|
1535
1547
|
|
|
1536
1548
|
<!-- Content (hidden when card is collapsed) -->
|
|
1537
1549
|
{#if showContent}
|
|
1538
|
-
<DataPanelContent
|
|
1550
|
+
<DataPanelContent
|
|
1551
|
+
class={cn(resizeRight && 'mr-2.5', resizeBottom && !hasFooter && 'mb-2.5')}
|
|
1552
|
+
>
|
|
1539
1553
|
{@render children()}
|
|
1540
1554
|
</DataPanelContent>
|
|
1541
1555
|
|