rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2024-12-12 01:17:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

draw attention to debug buttons

Browse Source
This commit is contained in:
LenAnderson 2024-07-30 16:00:32 -04:00
parent 3343f3122b
commit 92eec72c6d
1 changed files with 44 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -381,7 +381,7 @@
>#qr--autoExec {
.checkbox_label {
text-wrap: nowrap;
.fa-fw {
margin-right: 2px;
}
@ -519,6 +519,7 @@
opacity: 0.5;
pointer-events: none;
transition: 200ms;
border-color: transparent;
}
}
&.qr--isPaused #qr--modal-debugButtons {
@ -526,6 +527,25 @@
cursor: pointer;
opacity: 1;
pointer-events: all;
&#qr--modal-resume {
animation-name: qr--debugPulse;
animation-duration: 1500ms;
animation-timing-function: ease-in-out;
animation-delay: 0s;
animation-iteration-count: infinite;
}
&#qr--modal-resume {
border-color: rgb(81, 163, 81);
}
&#qr--modal-step {
border-color: var(--SmartThemeQuoteColor);
}
&#qr--modal-stepInto {
border-color: var(--SmartThemeQuoteColor);
}
&#qr--modal-stepOut {
border-color: var(--SmartThemeQuoteColor);
}
}
}
#qr--resizeHandle {
@ -799,14 +819,18 @@
aspect-ratio: 1.25 / 1;
width: 2.25em;
position: relative;
&:not(.fa-solid):after {
content: '';
position: absolute;
inset: 3px;
background-color: var(--SmartThemeBodyColor);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
&:not(.fa-solid) {
border-width: 1px;
border-style: solid;
&:after {
content: '';
position: absolute;
inset: 3px;
background-color: var(--SmartThemeBodyColor);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
}
}
&#qr--modal-resume:after {
mask-image: url('/img/step-resume.svg');
@ -1054,6 +1078,17 @@
}
}
@keyframes qr--debugPulse {
0%,
100% {
border-color: rgb(81, 163, 81);
}
50% {
border-color: rgb(146, 190, 252);
}
}
.popup.qr--hide {
opacity: 0 !important;
&::backdrop {