rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-01-31 19:45:35 +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

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

@ -519,6 +519,7 @@
opacity: 0.5; opacity: 0.5;
pointer-events: none; pointer-events: none;
transition: 200ms; transition: 200ms;
border-color: transparent;
} }
} }
&.qr--isPaused #qr--modal-debugButtons { &.qr--isPaused #qr--modal-debugButtons {
@ -526,6 +527,25 @@
cursor: pointer; cursor: pointer;
opacity: 1; opacity: 1;
pointer-events: all; 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 { #qr--resizeHandle {
@ -799,14 +819,18 @@
aspect-ratio: 1.25 / 1; aspect-ratio: 1.25 / 1;
width: 2.25em; width: 2.25em;
position: relative; position: relative;
&:not(.fa-solid):after { &:not(.fa-solid) {
content: ''; border-width: 1px;
position: absolute; border-style: solid;
inset: 3px; &:after {
background-color: var(--SmartThemeBodyColor); content: '';
mask-size: contain; position: absolute;
mask-position: center; inset: 3px;
mask-repeat: no-repeat; background-color: var(--SmartThemeBodyColor);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
}
} }
&#qr--modal-resume:after { &#qr--modal-resume:after {
mask-image: url('/img/step-resume.svg'); 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 { .popup.qr--hide {
opacity: 0 !important; opacity: 0 !important;
&::backdrop { &::backdrop {