@juspay/svelte-ui-components 2.18.2 → 2.19.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.
|
@@ -151,6 +151,7 @@
|
|
|
151
151
|
});
|
|
152
152
|
|
|
153
153
|
let showArrowControls = $derived(showArrows && !(hideArrowsOnTouch && isTouchDevice));
|
|
154
|
+
let showGradientOverlay = $derived(showGradient && !(hideArrowsOnTouch && isTouchDevice));
|
|
154
155
|
</script>
|
|
155
156
|
|
|
156
157
|
<div
|
|
@@ -178,7 +179,7 @@
|
|
|
178
179
|
</div>
|
|
179
180
|
{/if}
|
|
180
181
|
|
|
181
|
-
{#if
|
|
182
|
+
{#if showGradientOverlay && canScrollPrev}
|
|
182
183
|
<div class="gradient gradient-start"></div>
|
|
183
184
|
{/if}
|
|
184
185
|
|
|
@@ -197,7 +198,7 @@
|
|
|
197
198
|
{@render children()}
|
|
198
199
|
</div>
|
|
199
200
|
|
|
200
|
-
{#if
|
|
201
|
+
{#if showGradientOverlay && canScrollNext}
|
|
201
202
|
<div class="gradient gradient-end"></div>
|
|
202
203
|
{/if}
|
|
203
204
|
|
|
@@ -109,5 +109,8 @@
|
|
|
109
109
|
.text {
|
|
110
110
|
font-size: var(--toolbar-text-font-size, 18px);
|
|
111
111
|
font-weight: var(--toolbar-text-font-weight, normal);
|
|
112
|
+
padding: var(--toolbar-text-padding, 0px);
|
|
113
|
+
margin: var(--toolbar-text-margin, 0px);
|
|
114
|
+
color: var(--toolbar-text-color);
|
|
112
115
|
}
|
|
113
116
|
</style>
|