From 688ee1fd4a73d5804783359640bb6997c4e1021b Mon Sep 17 00:00:00 2001 From: pngwn Date: Fri, 19 Apr 2024 10:39:01 -0400 Subject: [PATCH 1/2] fix --- frontend/shared/Image.svelte | 27 ++++++++++----------------- frontend/shared/ImagePreview.svelte | 25 ++++++++----------------- 2 files changed, 18 insertions(+), 34 deletions(-) diff --git a/frontend/shared/Image.svelte b/frontend/shared/Image.svelte index 38f40ca..c694438 100644 --- a/frontend/shared/Image.svelte +++ b/frontend/shared/Image.svelte @@ -198,22 +198,15 @@ .empty-wrap { pointer-events: none; } - .icon-button { + + + .icon-buttons { + display: flex; position: absolute; - top: 0px; - right: 0px; - z-index: var(--layer-1); - } - - .icon-buttons { - display: flex; - position: absolute; - right: 34px; - z-index: var(--layer-2); - top: 8px; - } - - .icon-buttons .download-button-container { - margin: var(--size-1) 0; - } + right: 8px; + z-index: var(--layer-top); + top: 8px; + } + + diff --git a/frontend/shared/ImagePreview.svelte b/frontend/shared/ImagePreview.svelte index 63739cf..c7d2806 100644 --- a/frontend/shared/ImagePreview.svelte +++ b/frontend/shared/ImagePreview.svelte @@ -73,22 +73,13 @@ .hidden { opacity: 0; } - .icon-button { - position: absolute; - top: 0px; - right: 0px; - z-index: var(--layer-1); - } - - .icon-buttons { - display: flex; - position: absolute; - right: 6px; - z-index: var(--layer-1); - top: 6px; - } + - .icon-buttons .download-button-container { - margin: var(--size-1) 0; - } + .icon-buttons { + display: flex; + position: absolute; + right: 8px; + z-index: var(--layer-top); + top: 8px; + } From 58fc5100fd8fae4918d6068067cd96cfdb7764da Mon Sep 17 00:00:00 2001 From: pngwn Date: Fri, 19 Apr 2024 10:39:16 -0400 Subject: [PATCH 2/2] version --- pyproject.toml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pyproject.toml b/pyproject.toml index 04aa786..8788b23 100644 --- a/pyproject.toml +++ b/pyproject.toml @@ -8,7 +8,7 @@ build-backend = "hatchling.build" [project] name = "gradio_imageslider" -version = "0.0.19" +version = "0.0.20" description = """ A Gradio component for comparing two images.