rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-03-02 02:47:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update WI top block layout

Browse Source
This commit is contained in:
Cohee 2024-06-01 02:05:42 +03:00
parent 358d40f502
commit 2e23e78937
4 changed files with 135 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/css/mobile-styles.css
View File

@ -117,7 +117,8 @@
max-width: unset;
}
#wiActivationSettings {
#wiActivationSettings,
#wiTopBlock {
flex-direction: column;
}

10
public/css/select2-overrides.css
View File

@ -199,6 +199,8 @@ span.select2.select2-container .select2-selection__choice__remove:hover {
transition: background-color 0.3s;
color: var(--SmartThemeBodyColor);
background-color: var(--black50a);
white-space: break-spaces;
word-break: break-all;
}
.select2_choice_clickable_buttonstyle+span.select2-container .select2-selection__choice__display:hover {
@ -218,6 +220,14 @@ span.select2.select2-container .select2-selection__choice__remove:hover {
/* Fix weird styling choice or huge margin around selected options */
margin-block-start: 2px;
margin-block-end: 2px;
display: flex;
align-items: center;
flex-wrap: wrap;
row-gap: 5px;
}
.select2_multi_sameline+span.select2-container .select2-selection--multiple .select2-selection__choice {
margin-top: 0px;
}
.select2_multi_sameline+span.select2-container .select2-selection--multiple .select2-search__field {

17
public/index.html
View File

@ -3399,7 +3399,8 @@
</h3>
</div>
<div id="wi-holder" class="margin5">
<div id="WIMultiSelector" class="flex2 flex alignSelfStart range-block">
<div id="wiTopBlock" class="flex-container">
<div id="WIMultiSelector" class="flex1 flex alignSelfStart range-block">
<div class="range-block-title justifyLeft">
<span data-i18n="Active World(s) for all chats"><small>Active World(s) for all chats</small></span>
</div>
@ -3409,9 +3410,15 @@
</select>
</div>
</div>
<div data-newbie-hidden class="inline-drawer wide100p flexFlowColumn">
<div class="inline-drawer-toggle inline-drawer-header">
<b><span data-i18n="Activation Settings">Activation Settings</span></b>
<div class="flex1 flex alignSelfStart range-block">
<div class="range-block-title justifyLeft">
<small data-i18n="Global World Info/Lorebook activation settings">
Global World Info/Lorebook activation settings
</small>
</div>
<div class="inline-drawer wide100p flexFlowColumn">
<div class="standoutHeader inline-drawer-toggle inline-drawer-header">
<b><span data-i18n="Click to expand">Click to expand</span></b>
<div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
</div>
<div class="inline-drawer-content">
@ -3505,6 +3512,8 @@
</div>
</div>
</div>
</div>
</div>
<div id="world_popup">
<hr>
<div class="flex-container alignitemscenter gap3px">

15
public/style.css
View File

@ -4482,6 +4482,18 @@ a {
transition: all 250ms;
}
.standoutHeader.inline-drawer-header {
padding: 5px;
margin-bottom: 0;
}
.standoutHeader~.inline-drawer-content {
border: 1px solid var(--SmartThemeBorderColor);
padding: 5px;
border-radius: 10px;
background-color: var(--black30a);
}
#user-settings-block [name="MiscellaneousToggles"],
#CustomCSS-block,
#CustomCSS-textAreaBlock {
@ -4497,7 +4509,8 @@ a {
}
#extensions_settings .inline-drawer-toggle.inline-drawer-header:hover,
#extensions_settings2 .inline-drawer-toggle.inline-drawer-header:hover {
#extensions_settings2 .inline-drawer-toggle.inline-drawer-header:hover,
.standoutHeader.inline-drawer-header:hover {
filter: brightness(150%);
}