Allow left and right menus (presets and characters) to overlap the message space about sillytavern HOT 5 CLOSED

The purpose of preventing the left and right panels from overflowing chat display is to allow users to use them while chatting to tweak their generation settings and character definitions.

The correct way to fix this would be to increase the font size, not alter the entire site's display paradigm.

Altering font sizes via UI is an upcoming feature.

Until then you can alter the font size manually in the style.css file. Near the top of the file (currently line 68) you will
See "font-size: 15px;".

Change that to whatever you feel is comfortable. Recommend not going over 18px as it can cause UI-breaking largeness.

from sillytavern.

This helps with the readability of the main text, but the new fixed layout is still overly restrictive. On the character descriptions, all the text is crammed into a tight column, and I have to zoom the UI out to 80% if I want things to look legible while I'm reading or editing it (which in turn makes the text smaller).

There are also other side effects to this change:

• Unlocking the left and right menus leaves large blank areas on the side (assuming no extensions).
• Toggling the message window to 1000 pixels to fill the blank sides now makes the side menus so skinny as to be unreadable.

Proposal: The "unlock" status should allow the menus to overlap like before. The "lock" status restricts them to the area.

EDIT: Adding this for anyone else that might stumble upon this. I block-commented the following in style.css in order to unleash the menus from the sides.

/*
.fillRight,
.fillLeft {
    min-width: unset;
}

.fillLeft {
    max-width: calc((100svw - var(--sheldWidth) - 2px) /2);
    height: 99.9svh;
    max-height: 99.9svh;
    position: fixed;
    top: 0;
    margin: 0;
    left: 0;
    right: auto;
    padding: 10px 10px 0 10px;
    border-radius: 0 0 20px 0;
    box-shadow: none;
}
*/

from sillytavern.

Glad you could find a solution that worked for you. I design the PC version of UI based on a standard 1080p display.

Please provide your OS and screen resolution so we can get a better idea of what conditions will cause the problems you saw. (And bear in mind the problem seems to be caused by you adjusting the zoom level, not the site's display in general)

Also note that the lock icon's purpose is only to prevent the menus from closing, and not intended to mean "resize the menu to fill the margin".

from sillytavern.

Please provide your OS and screen resolution so we can get a better idea of what conditions will cause the problems you saw. (And bear in mind the problem seems to be caused by you adjusting the zoom level, not the site's display in general)

I typically use my Windows 10 laptop. Resolution is 1920 x 1080 on a 13" display, and my scale setting is at 150%. I use Firefox with most pages zoomed to 120%.

And bear in mind the problem seems to be caused by you adjusting the zoom level, not the site's display in general

Correct. I just feel like the side menus need more breathing room from an aesthetic perspective. It's like I have this subconscious urge to click and drag them to expand them.

from sillytavern.

We added a font slider on dev branch. This should solve your issue.

from sillytavern.