remove togglecompact

Signed-off-by: Vladimir Mandic <[email protected]>
This commit is contained in:
Vladimir Mandic
2026-09-29 18:09:04 +02:00
parent 12780eb268
commit bb30be88aa
5 changed files with 4 additions and 38 deletions
-1
View File
@@ -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),
-16
View File
@@ -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) }
];
+3 -3
View File
File diff suppressed because one or more lines are too long
+1 -2
View File
@@ -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) },
];
-16
View File
@@ -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`)