userSettings expandables get borders

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

View File

@ -3582,7 +3582,7 @@
</div>
</div>
<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>
<div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
</div>
@ -3631,7 +3631,7 @@
</div>
</div>
</div>
<hr>
<div data-newbie-hidden name="FontBlurChatWidthBlock" class="flex-container">
<div class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0">
@ -3759,9 +3759,10 @@
</div> -->
</div>
<hr>
<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">
<input id="reduced_motion" type="checkbox" />
<small data-i18n="Reduced Motion">Reduced Motion</small>
@ -4088,7 +4089,7 @@
<small data-i18n="Request token probabilities">Request token probabilities</small>
</label>
<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>
<div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
</div>

View File

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