extern/easydiffusion
1
0
Fork 1
mirror of https://github.com/easydiffusion/easydiffusion.git synced 2025-08-17 17:11:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

Make the image editor scrollable as needed

Browse Source 
Some users on 4K screens zoom in their browser display, but this causes the editor buttons on the top right to be out of view, and since the editor is not scrollable, they have to zoom out to be able to hit 'save'.

This change fixes that by making the image editor window vertically scrollable if it gets too large. No UI change on smaller screens (e.g. phones).
This commit is contained in:
patriceac
2023-02-25 13:02:09 -08:00
committed by GitHub
parent de1d1ad961
commit 05cafce1e8
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ui/media/css/image-editor.css
View File

@ -149,16 +149,21 @@
pointer-events: none;
}
.image-editor-popup {
--popup-margin: 16px;
--popup-padding: 24px;
}
@media screen and (min-width: 700px) {
.image-editor-popup {
overflow-y: auto;
}
}
.image-editor-popup > div {
margin: var(--popup-margin);
padding: var(--popup-padding);
min-height: calc(100vh - (2 * var(--popup-margin)));
min-height: calc(99h - (2 * var(--popup-margin)));
max-width: none;
min-width: fit-content;
}
@ -186,7 +191,7 @@
.image-editor-popup > div > div {
min-height: calc(100vh - (2 * var(--popup-margin)) - (2 * var(--popup-padding)));
min-height: calc(99vh - (2 * var(--popup-margin)) - (2 * var(--popup-padding)));
}
.inpainter .image_editor_color {