@gradio/gallery 0.15.33 → 0.15.34
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/CHANGELOG.md +6 -0
- package/Gallery.stories.svelte +11 -2
- package/dist/shared/Gallery.svelte +2 -2
- package/package.json +4 -4
- package/shared/Gallery.svelte +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @gradio/gallery
|
|
2
2
|
|
|
3
|
+
## 0.15.34
|
|
4
|
+
|
|
5
|
+
### Fixes
|
|
6
|
+
|
|
7
|
+
- [#11938](https://github.com/gradio-app/gradio/pull/11938) [`beddde5`](https://github.com/gradio-app/gradio/commit/beddde5d432904d6384b7285acdbf1fd78469af7) - Fix bug where Gallery scrollbar would not show up. Thanks @freddyaboulton!
|
|
8
|
+
|
|
3
9
|
## 0.15.33
|
|
4
10
|
|
|
5
11
|
### Fixes
|
package/Gallery.stories.svelte
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
defaultValue: 2
|
|
35
35
|
},
|
|
36
36
|
height: {
|
|
37
|
-
options: ["auto", 500, 600],
|
|
37
|
+
options: ["auto", 200, 500, 600],
|
|
38
38
|
description: "The height of the grid",
|
|
39
39
|
control: { type: "select" },
|
|
40
40
|
defaultValue: "auto"
|
|
@@ -258,7 +258,16 @@
|
|
|
258
258
|
height: 400
|
|
259
259
|
}}
|
|
260
260
|
/>
|
|
261
|
-
|
|
261
|
+
<Story
|
|
262
|
+
name="Gallery with overflow of images and short height"
|
|
263
|
+
args={{
|
|
264
|
+
label: "My Cheetah Gallery",
|
|
265
|
+
show_label: true,
|
|
266
|
+
rows: 2,
|
|
267
|
+
columns: 2,
|
|
268
|
+
height: 200
|
|
269
|
+
}}
|
|
270
|
+
/>
|
|
262
271
|
<Story
|
|
263
272
|
name="Gallery with download button"
|
|
264
273
|
args={{
|
|
@@ -378,6 +378,7 @@ let uploading = false;
|
|
|
378
378
|
class:minimal={mode === "minimal"}
|
|
379
379
|
class:fixed-height={mode !== "minimal" && (!height || height == "auto")}
|
|
380
380
|
class:hidden={is_full_screen}
|
|
381
|
+
style:height={height !== "auto" ? height + "px" : null}
|
|
381
382
|
>
|
|
382
383
|
{#if interactive && selected_index === null}
|
|
383
384
|
<ModifyUpload {i18n} on:clear={() => (value = [])}>
|
|
@@ -401,7 +402,7 @@ let uploading = false;
|
|
|
401
402
|
{/if}
|
|
402
403
|
<div
|
|
403
404
|
class="grid-container"
|
|
404
|
-
style="--grid-cols:{effective_columns}; --grid-rows:{rows}; --object-fit: {object_fit};
|
|
405
|
+
style="--grid-cols:{effective_columns}; --grid-rows:{rows}; --object-fit: {object_fit};"
|
|
405
406
|
class:pt-6={show_label}
|
|
406
407
|
>
|
|
407
408
|
{#each resolved_value as entry, i}
|
|
@@ -639,7 +640,6 @@ let uploading = false;
|
|
|
639
640
|
.grid-wrap {
|
|
640
641
|
position: relative;
|
|
641
642
|
padding: var(--size-2);
|
|
642
|
-
height: var(--size-full);
|
|
643
643
|
overflow-y: scroll;
|
|
644
644
|
}
|
|
645
645
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gradio/gallery",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.34",
|
|
4
4
|
"description": "Gradio UI packages",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": "",
|
|
@@ -8,13 +8,13 @@
|
|
|
8
8
|
"private": false,
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"dequal": "^2.0.2",
|
|
11
|
-
"@gradio/client": "^1.19.0",
|
|
12
|
-
"@gradio/atoms": "^0.18.0",
|
|
13
11
|
"@gradio/icons": "^0.14.0",
|
|
12
|
+
"@gradio/atoms": "^0.18.0",
|
|
14
13
|
"@gradio/image": "^0.23.0",
|
|
14
|
+
"@gradio/client": "^1.19.0",
|
|
15
15
|
"@gradio/upload": "^0.17.0",
|
|
16
|
-
"@gradio/utils": "^0.10.2",
|
|
17
16
|
"@gradio/statustracker": "^0.11.1",
|
|
17
|
+
"@gradio/utils": "^0.10.2",
|
|
18
18
|
"@gradio/video": "^0.16.0",
|
|
19
19
|
"@gradio/file": "^0.13.0"
|
|
20
20
|
},
|
package/shared/Gallery.svelte
CHANGED
|
@@ -461,6 +461,7 @@
|
|
|
461
461
|
class:minimal={mode === "minimal"}
|
|
462
462
|
class:fixed-height={mode !== "minimal" && (!height || height == "auto")}
|
|
463
463
|
class:hidden={is_full_screen}
|
|
464
|
+
style:height={height !== "auto" ? height + "px" : null}
|
|
464
465
|
>
|
|
465
466
|
{#if interactive && selected_index === null}
|
|
466
467
|
<ModifyUpload {i18n} on:clear={() => (value = [])}>
|
|
@@ -484,7 +485,7 @@
|
|
|
484
485
|
{/if}
|
|
485
486
|
<div
|
|
486
487
|
class="grid-container"
|
|
487
|
-
style="--grid-cols:{effective_columns}; --grid-rows:{rows}; --object-fit: {object_fit};
|
|
488
|
+
style="--grid-cols:{effective_columns}; --grid-rows:{rows}; --object-fit: {object_fit};"
|
|
488
489
|
class:pt-6={show_label}
|
|
489
490
|
>
|
|
490
491
|
{#each resolved_value as entry, i}
|
|
@@ -722,7 +723,6 @@
|
|
|
722
723
|
.grid-wrap {
|
|
723
724
|
position: relative;
|
|
724
725
|
padding: var(--size-2);
|
|
725
|
-
height: var(--size-full);
|
|
726
726
|
overflow-y: scroll;
|
|
727
727
|
}
|
|
728
728
|
|