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

clear QR Set color and bg adjustments

Browse Source
This commit is contained in:
LenAnderson
2024-07-14 14:13:57 -04:00
parent 7de5bd00be
commit ddce6c4e89
5 changed files with 64 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -66,12 +66,17 @@
#qr--popout>.qr--body {
>.qr--buttons {
--qr--color: transparent;
background-color: var(--qr--color);
&.qr--color {
background-color: var(--qr--color);
}
&.qr--borderColor {
background-color: transparent;
border-left: 5px solid var(--qr--color);
border-right: 5px solid var(--qr--color);
}
&:has(.qr--buttons.qr--color) {
margin: 5px;
}
margin: 0;
padding: 0;
display: flex;
@@ -82,11 +87,24 @@
>.qr--buttons {
display: contents;
background-color: transparent;
&:before, &:after {
content: '';
width: 5px;
background-color: var(--qr--color);
&.qr--color {
.qr--button:before {
content: '';
background-color: var(--qr--color);
position: absolute;
inset: -5px;
z-index: -1;
}
&.qr--borderColor {
.qr--button:before {
display: none;
}
&:before, &:after {
content: '';
width: 5px;
background-color: var(--qr--color);
}
}
}
}
@@ -103,10 +121,10 @@
align-items: center;
justify-content: center;
text-align: center;
position: relative;
&:hover {
opacity: 1;
filter: brightness(1.2);
background-color: rgb(30% 30% 30%);
}
.qr--hidden {