Mirrors
/
stable-diffusion-webui
mirror of https://github.com/AUTOMATIC1111/stable-diffusion-webui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #14291 from AUTOMATIC1111/on-mouse-hover-show-hide-modal-image-viewer-icons 

on mouse hover show / hide modal image viewer icons
This commit is contained in:
AUTOMATIC1111 2024-01-01 16:53:33 +03:00 committed by GitHub
parent 0aa7c53c0b 0c5427960b
commit 15156cde18
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
modules/shared_gradio_themes.py
View File

@ -65,3 +65,7 @@ def reload_gradio_theme(theme_name=None):
except Exception as e: except Exception as e:
errors.display(e, "changing gradio theme") errors.display(e, "changing gradio theme")
shared.gradio_theme = gr.themes.Default(**default_theme_args) shared.gradio_theme = gr.themes.Default(**default_theme_args)
# append additional values gradio_theme
shared.gradio_theme.sd_webui_modal_lightbox_toolbar_opacity = shared.opts.sd_webui_modal_lightbox_toolbar_opacity
shared.gradio_theme.sd_webui_modal_lightbox_icon_opacity = shared.opts.sd_webui_modal_lightbox_icon_opacity

2
modules/shared_options.py
View File

@ -273,6 +273,8 @@ options_templates.update(options_section(('ui_gallery', "Gallery", "ui"), {
"js_modal_lightbox_initially_zoomed": OptionInfo(True, "Full page image viewer: show images zoomed in by default"), "js_modal_lightbox_initially_zoomed": OptionInfo(True, "Full page image viewer: show images zoomed in by default"),
"js_modal_lightbox_gamepad": OptionInfo(False, "Full page image viewer: navigate with gamepad"), "js_modal_lightbox_gamepad": OptionInfo(False, "Full page image viewer: navigate with gamepad"),
"js_modal_lightbox_gamepad_repeat": OptionInfo(250, "Full page image viewer: gamepad repeat period").info("in milliseconds"), "js_modal_lightbox_gamepad_repeat": OptionInfo(250, "Full page image viewer: gamepad repeat period").info("in milliseconds"),
"sd_webui_modal_lightbox_icon_opacity": OptionInfo(1, "Full page image viewer: control icon unfocused opacity", gr.Slider, {"minimum": 0.0, "maximum": 1, "step": 0.01}, onchange=shared.reload_gradio_theme).info('for mouse only').needs_reload_ui(),
"sd_webui_modal_lightbox_toolbar_opacity": OptionInfo(0.9, "Full page image viewer: tool bar opacity", gr.Slider, {"minimum": 0.0, "maximum": 1, "step": 0.01}, onchange=shared.reload_gradio_theme).info('for mouse only').needs_reload_ui(),
"gallery_height": OptionInfo("", "Gallery height", gr.Textbox).info("can be any valid CSS value, for example 768px or 20em").needs_reload_ui(), "gallery_height": OptionInfo("", "Gallery height", gr.Textbox).info("can be any valid CSS value, for example 768px or 20em").needs_reload_ui(),
})) }))

18
style.css
View File

@ -679,7 +679,7 @@ table.popup-table .link{
transition: 0.2s ease background-color; transition: 0.2s ease background-color;
} }
.modalControls:hover { .modalControls:hover {
background-color:rgba(0,0,0,0.9); background-color:rgba(0,0,0, var(--sd-webui-modal-lightbox-toolbar-opacity));
} }
.modalClose { .modalClose {
margin-left: auto; margin-left: auto;
@ -749,6 +749,22 @@ table.popup-table .link{
display: none; display: none;
} }
@media (pointer: fine) {
.modalPrev:hover,
.modalNext:hover,
.modalControls:hover ~ .modalPrev,
.modalControls:hover ~ .modalNext,
.modalControls:hover .cursor {
opacity: 1;
}
.modalPrev,
.modalNext,
.modalControls .cursor {
opacity: var(--sd-webui-modal-lightbox-icon-opacity);
}
}
/* context menu (ie for the generate button) */ /* context menu (ie for the generate button) */
#context-menu{ #context-menu{