rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

review: Move css out of js code

Browse Source
This commit is contained in:
Joe
2024-11-17 15:54:09 -08:00
parent 6e85b20c8a
commit 9533b7e59a
3 changed files with 21 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
public/scripts/slash-commands.js
View File

@ -2084,31 +2084,7 @@ async function buttonsCallback(args, text) {
buttonContainer.classList.add('flex-container', 'flexFlowColumn', 'wide100p');
const scrollableContainer = document.createElement('div');
scrollableContainer.style.maxHeight = '50vh'; // Use viewport height instead of fixed pixels
scrollableContainer.style.overflowY = 'auto';
scrollableContainer.style.WebkitOverflowScrolling = 'touch'; // Enable momentum scrolling on iOS
scrollableContainer.classList.add('m-t-1', 'scrollable-buttons');
// Add custom CSS for better mobile scrolling
const style = document.createElement('style');
style.textContent = `
.scrollable-buttons {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
flex-shrink: 1;
min-height: 0;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.scrollable-buttons::-webkit-scrollbar {
width: 6px;
}
.scrollable-buttons::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.3);
border-radius: 3px;
}
`;
document.head.appendChild(style);
scrollableContainer.classList.add('scrollable-buttons-container');
for (const [result, button] of resultToButtonMap) {
const buttonElement = document.createElement('div');