rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-02-09 08:38:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

Popup styling changes for smaller content & small fixes

Browse Source
This commit is contained in:
Wolfsblvt 2024-06-02 00:09:25 +02:00
parent c939c544e2
commit 6ca71c3e2c
3 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/popup.css
View File

@ -27,11 +27,20 @@ dialog {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
width: 100%;
height: 100%;
} }
.popup .popup_text { .popup .popup_text {
margin-top: 10px;
padding: 0 8px; padding: 0 8px;
overflow: hidden; overflow: hidden;
flex-grow: 1;
}
.popup .popup_text h3:first-child {
/* No double spacing for the first heading needed, the .popup_text already has margin */
margin-top: 0px;
} }
.popup.vertical_scrolling_dialogue_popup .popup_text { .popup.vertical_scrolling_dialogue_popup .popup_text {
@ -62,6 +71,11 @@ dialog {
animation: fade-out var(--animation-duration-slow) ease-in-out; animation: fade-out var(--animation-duration-slow) ease-in-out;
} }
.popup.dragover {
filter: brightness(1.1) saturate(1.1);
outline: 3px dashed var(--SmartThemeBorderColor);
}
/* Fix toastr in dialogs by actually placing it at the top of the screen via transform */ /* Fix toastr in dialogs by actually placing it at the top of the screen via transform */
.popup #toast-container { .popup #toast-container {
height: 100svh; height: 100svh;
@ -90,6 +104,10 @@ dialog {
cursor: pointer; cursor: pointer;
} }
.menu_button.popup_ok:hover {
background-color: var(--crimson-hover);
}
.menu_button.menu_button_custom { .menu_button.menu_button_custom {
/** Custom buttons should not scale to smallest size, otherwise they will always break to multiline */ /** Custom buttons should not scale to smallest size, otherwise they will always break to multiline */
width: unset; width: unset;

4
public/scripts/popup.js
View File

@ -283,8 +283,8 @@ export class Popup {
// Input type have special results, so the input can be accessed directly without the need to save the popup and access both result and value // Input type have special results, so the input can be accessed directly without the need to save the popup and access both result and value
if (this.type === POPUP_TYPE.INPUT) { if (this.type === POPUP_TYPE.INPUT) {
if (result >= POPUP_RESULT.AFFIRMATIVE) value = this.input.value; if (result >= POPUP_RESULT.AFFIRMATIVE) value = this.input.value;
if (result === POPUP_RESULT.NEGATIVE) value = false; else if (result === POPUP_RESULT.NEGATIVE) value = false;
if (result === POPUP_RESULT.CANCELLED) value = null; else if (result === POPUP_RESULT.CANCELLED) value = null;
else value = false; // Might a custom negative value? else value = false; // Might a custom negative value?
} }

5
public/style.css
View File

@ -3175,11 +3175,6 @@ grammarly-extension {
top: 0; top: 0;
} }
.dialogue_popup.dragover {
filter: brightness(1.1) saturate(1.1);
outline: 3px dashed var(--SmartThemeBorderColor);
}
#bgtest { #bgtest {
display: none; display: none;
width: 100vw; width: 100vw;