rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

#2416 Recompile popup styles

Browse Source
This commit is contained in:
Cohee
2024-06-24 21:37:21 +03:00
parent db8fec7757
commit 7a27c29695
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public/scripts/extensions/quick-reply/style.css
View File

@@ -301,19 +301,19 @@
text-align: left; text-align: left;
overflow: hidden; overflow: hidden;
} }
.dialogue_popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-messageSyntax { .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-messageSyntax {
display: none; display: none;
} }
.dialogue_popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-message { .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-message {
background-color: var(--ac-style-color-background); background-color: var(--ac-style-color-background);
color: var(--ac-style-color-text); color: var(--ac-style-color-text);
} }
.dialogue_popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-message::selection { .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-message::selection {
color: unset; color: unset;
background-color: rgba(108 171 251 / 0.25); background-color: rgba(108 171 251 / 0.25);
} }
@supports (color: rgb(from white r g b / 0.25)) { @supports (color: rgb(from white r g b / 0.25)) {
.dialogue_popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-message::selection { .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder.qr--noSyntax > #qr--modal-message::selection {
background-color: rgb(from var(--ac-style-color-matchedText) r g b / 0.25); background-color: rgb(from var(--ac-style-color-matchedText) r g b / 0.25);
} }
} }
@@ -343,12 +343,12 @@
visibility: hidden; visibility: hidden;
cursor: default; cursor: default;
} }
.dialogue_popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder > #qr--modal-message::selection { .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder > #qr--modal-message::selection {
color: transparent; color: transparent;
background-color: rgba(108 171 251 / 0.25); background-color: rgba(108 171 251 / 0.25);
} }
@supports (color: rgb(from white r g b / 0.25)) { @supports (color: rgb(from white r g b / 0.25)) {
.dialogue_popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder > #qr--modal-message::selection { .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor > #qr--main > .qr--modal-messageContainer > #qr--modal-messageHolder > #qr--modal-message::selection {
background-color: rgb(from var(--ac-style-color-matchedText) r g b / 0.25); background-color: rgb(from var(--ac-style-color-matchedText) r g b / 0.25);
} }
} }
@@ -485,7 +485,6 @@
background-color: var(--progFlashColor); background-color: var(--progFlashColor);
} }
} }
.popup.qr--hide { .popup.qr--hide {
opacity: 0 !important; opacity: 0 !important;
} }

4
public/scripts/extensions/quick-reply/style.less
View File

@@ -510,3 +510,7 @@
.popup.qr--hide { .popup.qr--hide {
opacity: 0 !important; opacity: 0 !important;
} }
.popup.qr--hide::backdrop {
opacity: 0 !important;
}