From e1b37a066d9b35ad7896e632c27ac979f795681e Mon Sep 17 00:00:00 2001 From: MMP0 <28616020+MMP0@users.noreply.github.com> Date: Tue, 22 Aug 2023 16:35:49 +0900 Subject: Fix resize handle overflowing in Safari --- style.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'style.css') diff --git a/style.css b/style.css index 4166a3df..4b85072f 100644 --- a/style.css +++ b/style.css @@ -142,6 +142,11 @@ div.gradio-container, .block.gradio-textbox, div.gradio-group, div.gradio-dropdo overflow: visible !important; } +/* align-items isn't enough and elements may overflow in Safari. */ +.unequal-height { + align-content: flex-start; +} + /* general styled components */ -- cgit v1.2.3 From 70283a9f4aa457ea16db8947f60b0e4f8fb25608 Mon Sep 17 00:00:00 2001 From: MMP0 <28616020+MMP0@users.noreply.github.com> Date: Tue, 22 Aug 2023 16:40:50 +0900 Subject: Expand the hit area of resize handle --- style.css | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 4b85072f..4e9cdc8f 100644 --- a/style.css +++ b/style.css @@ -1062,13 +1062,20 @@ div.accordions > div.input-accordion.input-accordion-open{ } -.resize-handle{ +.resize-handle { + position: relative; cursor: col-resize; grid-column: 2 / 3; - min-width: 8px !important; - max-width: 8px !important; + min-width: 16px !important; + max-width: 16px !important; height: 100%; - border-left: 1px dashed var(--border-color-primary); - user-select: none; - margin-left: 8px; +} + +.resize-handle::after { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 7.5px; + border-left: 1px dashed var(--border-color-primary); } -- cgit v1.2.3 From 0998256fc5e040fa1c1d5826bd858ab3838a3f26 Mon Sep 17 00:00:00 2001 From: MMP0 <28616020+MMP0@users.noreply.github.com> Date: Tue, 22 Aug 2023 16:45:34 +0900 Subject: Prevent text selection and cursor changes --- style.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'style.css') diff --git a/style.css b/style.css index 4e9cdc8f..537bc2d2 100644 --- a/style.css +++ b/style.css @@ -1061,6 +1061,13 @@ div.accordions > div.input-accordion.input-accordion-open{ top: 0.5em; } +body.resizing { + cursor: col-resize !important; +} + +body.resizing :not(.resize-handle) { + pointer-events: none !important; +} .resize-handle { position: relative; -- cgit v1.2.3 From c4b11ec54e236cc42d43fe8282ef4e4f55ccd605 Mon Sep 17 00:00:00 2001 From: MMP0 <28616020+MMP0@users.noreply.github.com> Date: Tue, 22 Aug 2023 18:48:17 +0900 Subject: Replace tabs with spaces --- style.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 537bc2d2..3cce8212 100644 --- a/style.css +++ b/style.css @@ -1062,7 +1062,7 @@ div.accordions > div.input-accordion.input-accordion-open{ } body.resizing { - cursor: col-resize !important; + cursor: col-resize !important; } body.resizing :not(.resize-handle) { @@ -1071,11 +1071,11 @@ body.resizing :not(.resize-handle) { .resize-handle { position: relative; - cursor: col-resize; - grid-column: 2 / 3; - min-width: 16px !important; - max-width: 16px !important; - height: 100%; + cursor: col-resize; + grid-column: 2 / 3; + min-width: 16px !important; + max-width: 16px !important; + height: 100%; } .resize-handle::after { -- cgit v1.2.3 From ed49c7c246c320562df977865476a8c43e81f1b3 Mon Sep 17 00:00:00 2001 From: MMP0 <28616020+MMP0@users.noreply.github.com> Date: Tue, 22 Aug 2023 21:21:06 +0900 Subject: Fix double click event not firing --- style.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'style.css') diff --git a/style.css b/style.css index 3cce8212..76c186a1 100644 --- a/style.css +++ b/style.css @@ -1065,10 +1065,14 @@ body.resizing { cursor: col-resize !important; } -body.resizing :not(.resize-handle) { +body.resizing * { pointer-events: none !important; } +body.resizing .resize-handle { + pointer-events: initial !important; +} + .resize-handle { position: relative; cursor: col-resize; -- cgit v1.2.3