Ensure gallery share button is positioned correctly (#9881)

* move gallery share button * add changeset --------- Co-authored-by: gradio-pr-bot <[email protected]>
gradio-app · Nov 1, 2024 · 6866a54 · 6866a54
1 parent dbc62fc
commit 6866a54
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 14 deletions.
diff --git a/.changeset/slick-crabs-move.md b/.changeset/slick-crabs-move.md
@@ -0,0 +1,6 @@
+---
+"@gradio/gallery": patch
+"gradio": patch
+---
+
+fix:Ensure gallery share button is positioned correctly
diff --git a/js/gallery/shared/Gallery.svelte b/js/gallery/shared/Gallery.svelte
@@ -284,7 +284,17 @@
 							on:click={toggle_full_screen}
 						/>
 					{/if}
-
+					{#if show_share_button}
+						<div class="icon-button">
+							<ShareButton
+								{i18n}
+								on:share
+								on:error
+								value={resolved_value}
+								formatter={format_gallery_for_sharing}
+							/>
+						</div>
+					{/if}
 					{#if !is_full_screen}
 						<IconButton
 							Icon={Clear}
@@ -388,19 +398,6 @@
 						<ModifyUpload {i18n} on:clear={() => (value = [])} />
 					</div>
 				{/if}
-				<IconButtonWrapper>
-					{#if show_share_button}
-						<div class="icon-button">
-							<ShareButton
-								{i18n}
-								on:share
-								on:error
-								value={resolved_value}
-								formatter={format_gallery_for_sharing}
-							/>
-						</div>
-					{/if}
-				</IconButtonWrapper>
 				{#each resolved_value as entry, i}
 					<button
 						class="thumbnail-item thumbnail-lg"