diff --git a/css/style.css b/css/style.css index aeb16b9..fe7c377 100644 --- a/css/style.css +++ b/css/style.css @@ -2071,6 +2071,10 @@ input[type="range"]::-webkit-slider-thumb { z-index: 50; } .slideover.is-open { transform: translateX(0); } +/* Settings needs more width than the entry editor — the left tab column eats + ~100px. Only #settingsPanel; #slideover stays 420. (Center mode already + sets its own 520.) */ +#settingsPanel { width: 520px; } /* Suppress the slide animation when the panel is closed — otherwise changing editor-position animates the off-screen position from right to left and the panel briefly crosses the viewport. */ @@ -2115,7 +2119,7 @@ body[data-editor-position="center"] #settingsPanel { /* Settings gets a FIXED height in centered mode so switching tabs (short vs long) doesn't resize + re-center the modal. Entry #slideover stays content-sized (grows with the form). */ -body[data-editor-position="center"] #settingsPanel { height: min(88vh, 620px); } +body[data-editor-position="center"] #settingsPanel { height: min(90vh, 660px); } body[data-editor-position="center"] #slideover.is-open, body[data-editor-position="center"] #settingsPanel.is-open { transform: translate(-50%, -50%) scale(1);