mirror of
https://github.com/vladmandic/sdnext.git
synced 2026-10-12 02:24:13 +00:00
remove togglecompact
Signed-off-by: Vladimir Mandic <[email protected]>
This commit is contained in:
@@ -621,7 +621,6 @@ def create_settings(cmd_opts):
|
||||
"font_size": OptionInfo(14, "Font size", gr.Slider, {"minimum": 8, "maximum": 32, "step": 1}),
|
||||
"gpu_monitor": OptionInfo(3000, "GPU monitor interval", gr.Slider, {"minimum": 100, "maximum": 60000, "step": 100}),
|
||||
"aspect_ratios": OptionInfo("1:1, 4:3, 3:2, 16:9, 16:10, 21:9, 2:3, 3:4, 9:16, 10:16, 9:21", "Allowed aspect ratios"),
|
||||
"compact_view": OptionInfo(False, "Compact view"),
|
||||
"ui_columns": OptionInfo(4, "Gallery view columns", gr.Slider, {"minimum": 1, "maximum": 8, "step": 1}),
|
||||
|
||||
'uiux_separator_appearance': OptionInfo("<h2>Appearance</h2>", "", gr.HTML),
|
||||
|
||||
Vendored
-16
@@ -11864,21 +11864,6 @@ function updateImg2imgResizeToTextAfterChangingImage() {
|
||||
if (el2) setTimeout(() => gradioApp().getElementById("img2img_update_resize_to").click(), 500);
|
||||
return [];
|
||||
}
|
||||
async function toggleCompact(val, old) {
|
||||
if (val === old) return;
|
||||
log("toggleCompact", val);
|
||||
if (val) {
|
||||
gradioApp().style.setProperty("--layout-gap", "var(--spacing-md)");
|
||||
gradioApp().querySelectorAll("input[type=range]").forEach((el2) => el2.classList.add("hidden"));
|
||||
gradioApp().querySelectorAll("div .form").forEach((el2) => el2.classList.add("form-compact"));
|
||||
gradioApp().querySelectorAll(".small-accordion .label-wrap").forEach((el2) => el2.classList.add("accordion-compact"));
|
||||
} else {
|
||||
gradioApp().style.setProperty("--layout-gap", "var(--spacing-xxl)");
|
||||
gradioApp().querySelectorAll("input[type=range]").forEach((el2) => el2.classList.remove("hidden"));
|
||||
gradioApp().querySelectorAll("div .form").forEach((el2) => el2.classList.remove("form-compact"));
|
||||
gradioApp().querySelectorAll(".small-accordion .label-wrap").forEach((el2) => el2.classList.remove("accordion-compact"));
|
||||
}
|
||||
}
|
||||
var kanvasNotifyTimer;
|
||||
function notifyKanvasResize(width, height) {
|
||||
if (window.resizeStage) {
|
||||
@@ -12360,7 +12345,6 @@ function monitorOption(option, callback) {
|
||||
}
|
||||
var AppyOpts = [
|
||||
// monitored opts
|
||||
{ compact_view: (val, old) => toggleCompact(val, old) },
|
||||
{ gradio_theme: (val, old) => setTheme(val, old) },
|
||||
{ font_size: (val, old) => setFontSize(val, old) }
|
||||
];
|
||||
|
||||
Vendored
+3
-3
File diff suppressed because one or more lines are too long
+1
-2
@@ -2,7 +2,7 @@ import { authFetch } from './authWrap';
|
||||
import { gradioApp, onAfterUiUpdate, onOptionsChanged, executeCallbacks, optionsChangedCallbacks } from './script';
|
||||
import { log, debug, error } from './logger';
|
||||
import { getENActiveTab } from './extraNetworks';
|
||||
import { registerDragDrop, toggleCompact, setTheme, setFontSize, updateInput } from './ui';
|
||||
import { registerDragDrop, setTheme, setFontSize, updateInput } from './ui';
|
||||
import { timer } from './timers';
|
||||
|
||||
let settingsInitialized = false;
|
||||
@@ -25,7 +25,6 @@ export function monitorOption(option, callback) {
|
||||
}
|
||||
|
||||
const AppyOpts = [ // monitored opts
|
||||
{ compact_view: (val, old) => toggleCompact(val, old) },
|
||||
{ gradio_theme: (val, old) => setTheme(val, old) },
|
||||
{ font_size: (val, old) => setFontSize(val, old) },
|
||||
];
|
||||
|
||||
@@ -741,22 +741,6 @@ function createThemeElement(): HTMLImageElement {
|
||||
return el;
|
||||
}
|
||||
|
||||
export async function toggleCompact(val, old) {
|
||||
if (val === old) return;
|
||||
log('toggleCompact', val);
|
||||
if (val) {
|
||||
gradioApp().style.setProperty('--layout-gap', 'var(--spacing-md)');
|
||||
gradioApp().querySelectorAll('input[type=range]').forEach((el) => el.classList.add('hidden'));
|
||||
gradioApp().querySelectorAll('div .form').forEach((el) => el.classList.add('form-compact'));
|
||||
gradioApp().querySelectorAll('.small-accordion .label-wrap').forEach((el) => el.classList.add('accordion-compact'));
|
||||
} else {
|
||||
gradioApp().style.setProperty('--layout-gap', 'var(--spacing-xxl)');
|
||||
gradioApp().querySelectorAll('input[type=range]').forEach((el) => el.classList.remove('hidden'));
|
||||
gradioApp().querySelectorAll('div .form').forEach((el) => el.classList.remove('form-compact'));
|
||||
gradioApp().querySelectorAll('.small-accordion .label-wrap').forEach((el) => el.classList.remove('accordion-compact'));
|
||||
}
|
||||
}
|
||||
|
||||
function previewTheme() {
|
||||
let name = gradioApp().getElementById('setting_gradio_theme').querySelectorAll('input')?.[0].value || '';
|
||||
authFetch(`${window.subpath}/file=data/themes.json`)
|
||||
|
||||
Reference in New Issue
Block a user