diff --git a/javascript/contextMenus.js b/javascript/contextMenus.js index 06f505b0d..517bacac8 100644 --- a/javascript/contextMenus.js +++ b/javascript/contextMenus.js @@ -132,13 +132,14 @@ addContextMenuEventListener = initResponse[2]; //Start example Context Menu Items let generateOnRepeat = function(genbuttonid,interruptbuttonid){ let genbutton = gradioApp().querySelector(genbuttonid); - let interruptbutton = gradioApp().querySelector(interruptbuttonid); - if(!interruptbutton.offsetParent){ + const busy = document.getElementById('progressbar')?.style.display == "block" + if(!busy){ genbutton.click(); } clearInterval(window.generateOnRepeatInterval) window.generateOnRepeatInterval = setInterval(function(){ - if(!interruptbutton.offsetParent){ + const busy = document.getElementById('progressbar')?.style.display == "block" + if(!busy){ genbutton.click(); } }, diff --git a/user.css b/user.css index aa91efa08..6d53897ad 100644 --- a/user.css +++ b/user.css @@ -11,7 +11,6 @@ input[type=range]::-moz-range-thumb { box-shadow: 2px 2px 3px #111111; border: 0 ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { background: #333333; } ::-webkit-scrollbar-thumb { background-color: var(--highlight-color); border-radius: 2px; border-width: 0; box-shadow: 2px 2px 3px #111111; } -svg.feather.feather-image { display: none; } div.form { border-width: 0; box-shadow: none; background: transparent; overflow: visible; gap: 0.5em; margin-bottom: 6px; } /* main gradio components by selector */ @@ -43,7 +42,7 @@ div.gradio-container.dark > div.w-full.flex.flex-col.min-h-screen > div { backgr .extra-network-cards .card .actions .name { font-weight: 400; font-size: 1.2rem; } .extra-network-cards .card { width: 18em; height: 12em; box-shadow: none; } .extra-network-cards .card:hover { transform: scale(1.5); transition: all 0.3s ease; z-index: 99; box-shadow: none; } -.feather .feather-image { display: none } +svg.feather.feather-image, .feather .feather-image { display: none } .gap-2 { padding-top: 8px; } .gr-box > div > div > input.gr-text-input { right: 0; width: 4em; padding: 0; top: -12px; border: none; max-height: 20px; } .output-html { line-height: 1.2rem; overflow-x: hidden; } @@ -61,7 +60,7 @@ div.gradio-container.dark > div.w-full.flex.flex-col.min-h-screen > div { backgr .gradio-slider input[type="number"] { width: 4.5em; font-size: 0.8rem; } /* automatic style classes */ -.progressDiv { border-radius: 0 !important; position: fixed; top: 356px; right: 26px; max-width: 262px; height: 48px; z-index: 99; } +.progressDiv { border-radius: 0 !important; position: fixed; top: 318px; right: 26px; max-width: 262px; height: 48px; z-index: 99; } .progressDiv .progress { border-radius: 0 !important; background: var(--highlight-color); line-height: 3rem; height: 48px; } .gallery-item { box-shadow: none !important; } .performance { color: #888; } @@ -78,7 +77,7 @@ div.gradio-container.dark > div.w-full.flex.flex-col.min-h-screen > div { backgr #quicksettings .gr-button-tool { font-size: 1.6rem; box-shadow: none; margin-left: -20px; margin-top: -2px; height: 2.4em; } #quicksettings > div, #quicksettings > fieldset { min-width: 26em; max-width: 26em; line-height: 2em; } #refresh_sd_model_checkpoint { height: 40px; margin-left: -14px; background: #333333; box-shadow: none; } -#refresh_txt2img_styles, #refresh_img2img_styles, #open_folder_txt2img, #open_folder_img2img, #open_folder_extras, #footer, #style_pos_col, #style_neg_col, #roll_col, #save_zip_txt2img, #save_zip_img2img, #extras_upscaler_2, #extras_upscaler_2_visibility, #txt2img_res_switch_btn, #img2img_res_switch_btn, #txt2img_seed_resize_from_w, #txt2img_seed_resize_from_h, #txt2img_subseed_show, #txt2img_reuse_seed, #txt2img_reuse_subseed, #img2img_reuse_seed, #img2img_reuse_subseed, #txt2img_tiling, #img2img_subseed_show { display: none; } +#refresh_txt2img_styles, #refresh_img2img_styles, #open_folder_txt2img, #open_folder_img2img, #open_folder_extras, #footer, #style_pos_col, #style_neg_col, #roll_col, #save_zip_txt2img, #save_zip_img2img, #extras_upscaler_2, #extras_upscaler_2_visibility, #txt2img_res_switch_btn, #img2img_res_switch_btn, #txt2img_seed_resize_from_w, #txt2img_seed_resize_from_h, #txt2img_tiling { display: none; } #save-animation { border-radius: 0 !important; margin-bottom: 16px; background-color: #111111; } #script_list { padding: 4px; margin-top: 20px; } #settings > div.flex-wrap { width: 15em; }