506e2f2c · permissionBRICK/SillyTavern

public/css/st-tailwind.css+4 -0 Viewed

@@ -332,6 +332,10 @@
332	overflow: hidden;	332	overflow: hidden;
333	}	333	}
334		334
		335	.overflowYScroll {
		336	overflow-y: scroll;
		337	}
		338
335	.padding0 {	339	.padding0 {
336	padding: 0;	340	padding: 0;
337	}	341	}

public/css/toggle-dependent.css+7 -0 Viewed

+}
 body.no-hotswap .hotswap,
+body.no-hotswap .hotswap~hr,
 body.no-timer .mes_timer,
 body.no-timestamps .timestamp,
 body.no-tokenCount .tokenCounterDisplay,

     display: none !important;
+}
+body.no-hotswap #CharListButtonAndHotSwaps .flex-container {
+    flex-wrap: nowrap;
+    align-items: flex-end;
+    flex-flow: row;
+}
 body.hideChatAvatars .last_mes:not(.smallSysMes) {
     padding-bottom: 20px !important;
+}

public/index.html+4 -2 Viewed

                         <div class="right_menu_button fa-solid fa-list-ul" id="rm_button_characters" title="Select/Create Characters" data-i18n="[title]Select/Create Characters"></div>
                     </div>
                     <div id="HotSwapWrapper" class="alignitemscenter flex-container margin0auto wide100p">
-                        <div class="hotswap avatars_inline scroll-reset-container expander" data-i18n="[no_favs]Favorite characters to add them to HotSwaps" no_favs="Favorite characters to add them to HotSwaps"></div>
+                        <div class="hotswap avatars_inline scroll-reset-container expander" data-i18n="[no_favs]Favorite characters to add them to HotSwaps" no_favs="Favorite characters to add them to HotSwaps">
                         </div>
+                        <hr class="wide100p">
                     </div>
-                <hr>
+                </div>
                 <!-- this div structure must be preserved until group peeking can adjust -->
                 <div id="rm_PinAndTabs">
                     <div id="right-nav-panel-tabs" class="">

public/script.js+22 -0 Viewed

         icon.toggleClass('openIcon closedIcon');
         drawer.toggleClass('openDrawer closedDrawer');
+        //commented code is to prevent scrollbars showing during transition, if we want to do that
+        //'scrollableInner' only exists on samplers panel though, so will need different logic for each drawer
+        //this does create an undesireable leftward width retraction of about 15px if a natural scrollbar pops after transition
+        //however, if we don't prevent the transition scrollbar, we get a 15px expansion right when it is no longer needed
+        //we get to pick our poison. (or...we go with just opacity transitions and stop caring about height and layout shifts.)
+        //only true fix for this is to make scrollbars always show (overflow-y:scroll), and style them so they are transparent until div hover
+        //this creates a 15px perma-padding on the right of the div tho, even when not needed
+        //example of this can be seen on STMP's pastChat list
+        //drawer.find('.scrollableInner').addClass('overflowHidden'); //prevents scrollbars
+        //await delay(250); //this duration is presumed
+        //drawer.find('.scrollableInner').removeClass('overflowHidden'); //restore after transition
         if (targetDrawerID === 'right-nav-panel') {
             favsToHotswap();
             $('#rm_print_characters_block').trigger('scroll');
+            const hotSwapBlockHeight = $('#CharListButtonAndHotSwaps').css('height');
+            const heightMinusHotSwapBlockHeight = 'calc(100% - ' + hotSwapBlockHeight + ')';
+            $('#rm_ch_create_block, #rm_characters_block').css('height', heightMinusHotSwapBlockHeight);
+        }
         // Set the height of "autoSetHeight" textareas within the drawer to their scroll height

@@ -10353,8 +10369,14 @@ export async function doNavbarIconClick() {
10353	}	10369	}
10354	}	10370	}
10355	} else if (drawerWasOpenAlready) {	10371	} else if (drawerWasOpenAlready) {
		10372
		10373	//drawer.find('.scrollableInner').toggleClass('overflowHidden'); //prevents scrollbars
		10374
10356	icon.toggleClass('closedIcon openIcon');	10375	icon.toggleClass('closedIcon openIcon');
10357	drawer.toggleClass('closedDrawer openDrawer');	10376	drawer.toggleClass('closedDrawer openDrawer');
		10377
		10378	//await delay(250); //this duration is presumed
		10379	//drawer.find('.scrollableInner').toggleClass('overflowHidden'); //restore to default
10358	}	10380	}
10359	}	10381	}
10360		10382

public/scripts/power-user.js+3 -0 Viewed

 function switchHotswap() {
     $('body').toggleClass('no-hotswap', !power_user.hotswap_enabled);
     $('#hotswapEnabled').prop('checked', power_user.hotswap_enabled);
+    const hotSwapBlockHeight = $('#CharListButtonAndHotSwaps').css('height');
+    const heightMinusHotSwapBlockHeight = 'calc(100% - ' + hotSwapBlockHeight + ')';
+    $('#rm_ch_create_block, #rm_characters_block').css('height', heightMinusHotSwapBlockHeight);
+}
 function switchTimer() {

public/style.css+1 -1 Viewed

 #form_create {
     display: flex;
     flex-direction: column;
-    height: 100%;
+    height: calc(100% - var(--topBarBlockSize));
     overflow-y: auto;
     padding: 1px;
+}

- fix charPanel div heights - fix noHotswap area height & flex dir