diff --git a/CHANGELOG.md b/CHANGELOG.md index 3de45705f..969aad013 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -20,6 +20,7 @@ Some quality-of-life improvements... - `cpu` => Doggettx's - optimize logging - optimize profiling +- minor lightbox improvements - bugfixes...i don't recall when was a release with at least several of those ## Update for 05/23/2023 diff --git a/javascript/black-orange.css b/javascript/black-orange.css index 0feee14b3..69bd91674 100644 --- a/javascript/black-orange.css +++ b/javascript/black-orange.css @@ -68,7 +68,6 @@ svg.feather.feather-image, .feather .feather-image { display: none } .progressDiv .progress { border-radius: 0 !important; background: var(--highlight-color); line-height: 3rem; height: 48px; } .gallery-item { box-shadow: none !important; } .performance { color: #888; } -.modalControls { background-color: #4E1400; } /* gradio elements overrides */ #div.gradio-container.dark { overflow-x: hidden; } @@ -83,7 +82,6 @@ svg.feather.feather-image, .feather .feather-image { display: none } #refresh_sd_model_checkpoint { height: 48px; margin-left: -14px; background: #333333; box-shadow: none; } #open_folder_extras, #footer, #style_pos_col, #style_neg_col, #roll_col, #extras_upscaler_2, #extras_upscaler_2_visibility, #txt2img_seed_resize_from_w, #txt2img_seed_resize_from_h { display: none; } #refresh_txt2img_styles, #refresh_img2img_styles { height: 40px; } -#open_folder_txt2img, #open_folder_img2img { } #save-animation { border-radius: 0 !important; margin-bottom: 16px; background-color: #111111; } #script_list { padding: 4px; margin-top: 20px; margin-bottom: 20px; } #settings > div.flex-wrap { width: 15em; } diff --git a/javascript/style.css b/javascript/style.css index 2e1600561..5df2f53d7 100644 --- a/javascript/style.css +++ b/javascript/style.css @@ -387,18 +387,21 @@ div#extras_scale_to_tab div.form{ gap: 1em; padding: 1em; background-color: rgba(0,0,0,0.2); + position: absolute; + width: fit-content; + z-index: 1; } + .modalClose { margin-left: auto; } + .modalControls span{ color: white; font-size: 35px; font-weight: bold; cursor: pointer; width: 1em; - position: absolute; - z-index: 1; } .modalControls span:hover, .modalControls span:focus{