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

1. Update spacing units to em

Browse Source 
2. Hide reasoning icon by default
3. Make arrow scaleable
This commit is contained in:
Cohee 2025-02-02 16:09:39 +02:00
parent ffeb6b45aa
commit 50869757d3
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/style.css
View File

@ -347,7 +347,7 @@ input[type='checkbox']:focus-visible {
border-left: 2px solid var(--SmartThemeEmColor);
border-radius: 2px;
padding: 5px;
margin-bottom: 0.5rem;
margin-bottom: 0.5em;
overflow-y: auto;
color: var(--SmartThemeEmColor);
}
@ -355,6 +355,7 @@ input[type='checkbox']:focus-visible {
.mes_reasoning_details {
margin-right: var(--mes-right-spacing);
}
.mes_reasoning_details .mes_reasoning_summary {
margin-right: calc(var(--mes-right-spacing) * -1);
}
@ -383,14 +384,20 @@ input[type='checkbox']:focus-visible {
cursor: pointer;
position: relative;
user-select: none;
margin: 0.5rem 2px;
margin: 0.5em 2px;
padding: 7px 14px;
border-radius: 10px;
background-color: var(--grey30);
font-size: calc(var(--mainFontSize) * 0.9);
align-items: baseline;
}
@supports not selector(:has(*)) {
/* TWIMC: Remove with custom CSS to show the icon */
.mes_reasoning_header > .icon-svg {
display: none;
}
@supports not selector(:has(*)) {
.mes_reasoning_details {
display: none !important;
}
@ -407,10 +414,9 @@ input[type='checkbox']:focus-visible {
}
.mes_reasoning_details .mes_reasoning_arrow {
font-size: 10px;
width: 10px;
height: 10px;
margin-top: 5px;
font-size: calc(var(--mainFontSize) * 0.7);
width: calc(var(--mainFontSize) * 0.7);
height: calc(var(--mainFontSize) * 0.7);
}
.mes_reasoning_details:not([open]) .mes_reasoning_arrow {
@ -4251,15 +4257,15 @@ input[type="range"]::-webkit-slider-thumb {
.mes_reasoning_actions {
margin: 0;
margin-top: 0.5rem;
margin-top: 0.5em;
}
.mes_edit_buttons .menu_button,
.mes_reasoning_actions .edit_button {
opacity: 0.5;
padding: 0px;
font-size: 1rem;
height: 2rem;
font-size: 1em;
height: 2em;
margin-top: 0;
margin-bottom: 0;
aspect-ratio: 1 / 1;
@ -4269,7 +4275,7 @@ input[type="range"]::-webkit-slider-thumb {
}
.mes_reasoning_actions .edit_button {
margin-bottom: 0.5rem;
margin-bottom: 0.5em;
opacity: 1;
filter: brightness(0.7);
}