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

userSettings expandables get borders

Browse Source
This commit is contained in:
RossAscends 2024-04-27 13:13:54 +09:00
parent 1f7614af33
commit f8ca73265b
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/index.html
View File

@ -3582,7 +3582,7 @@
</div> </div>
</div> </div>
<div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn"> <div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn">
<div class="inline-drawer-toggle inline-drawer-header" title="Specify colors for your theme." data-i18n="[title]Specify colors for your theme."> <div class="inline-drawer-toggle inline-drawer-header userSettingsInnerExpandable" title="Specify colors for your theme." data-i18n="[title]Specify colors for your theme.">
<b><span data-i18n="Theme Colors">Theme Colors</span></b> <b><span data-i18n="Theme Colors">Theme Colors</span></b>
<div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div> <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
</div> </div>
@ -3631,7 +3631,7 @@
</div> </div>
</div> </div>
</div> </div>
<hr>
<div data-newbie-hidden name="FontBlurChatWidthBlock" class="flex-container"> <div data-newbie-hidden name="FontBlurChatWidthBlock" class="flex-container">
<div class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0"> <div class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0">
@ -3759,9 +3759,10 @@
</div> --> </div> -->
</div> </div>
<hr>
<div name="themeToggles"> <div name="themeToggles">
<h4 data-i18n="Theme Toggles">Theme Toggles</h4> <!-- <h4 data-i18n="Theme Toggles">Theme Toggles</h4> -->
<label for="reduced_motion" class="checkbox_label" title="Disable animations and transitions" data-i18n="[title]Disables animations and transitions"> <label for="reduced_motion" class="checkbox_label" title="Disable animations and transitions" data-i18n="[title]Disables animations and transitions">
<input id="reduced_motion" type="checkbox" /> <input id="reduced_motion" type="checkbox" />
<small data-i18n="Reduced Motion">Reduced Motion</small> <small data-i18n="Reduced Motion">Reduced Motion</small>
@ -4088,7 +4089,7 @@
<small data-i18n="Request token probabilities">Request token probabilities</small> <small data-i18n="Request token probabilities">Request token probabilities</small>
</label> </label>
<div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn"> <div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn">
<div class="inline-drawer-toggle inline-drawer-header" title="Automatically reject and re-generate AI message based on configurable criteria." data-i18n="[title]Automatically reject and re-generate AI message based on configurable criteria"> <div class="inline-drawer-toggle inline-drawer-header userSettingsInnerExpandable" title="Automatically reject and re-generate AI message based on configurable criteria." data-i18n="[title]Automatically reject and re-generate AI message based on configurable criteria">
<b><span data-i18n="Auto-swipe">Auto-swipe</span></b> <b><span data-i18n="Auto-swipe">Auto-swipe</span></b>
<div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div> <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
</div> </div>

11
public/style.css
View File

@ -3165,6 +3165,15 @@ body.big-avatars .missing-avatar {
text-align: center; text-align: center;
} }
.userSettingsInnerExpandable {
border: 1px solid;
border-color: var(--SmartThemeBorderColor);
border-radius: 5px;
padding: 2px 5px !important;
margin: 5px 0;
}
@keyframes ellipsis { @keyframes ellipsis {
0% { 0% {
content: "" content: ""
@ -4021,4 +4030,4 @@ body:not(.movingUI) .drawer-content.maximized {
height: 100vh; height: 100vh;
z-index: 9999; z-index: 9999;
} }
} }