rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-02-20 14:10: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-left: 2px solid var(--SmartThemeEmColor);
border-radius: 2px; border-radius: 2px;
padding: 5px; padding: 5px;
margin-bottom: 0.5rem; margin-bottom: 0.5em;
overflow-y: auto; overflow-y: auto;
color: var(--SmartThemeEmColor); color: var(--SmartThemeEmColor);
} }
@ -355,6 +355,7 @@ input[type='checkbox']:focus-visible {
.mes_reasoning_details { .mes_reasoning_details {
margin-right: var(--mes-right-spacing); margin-right: var(--mes-right-spacing);
} }
.mes_reasoning_details .mes_reasoning_summary { .mes_reasoning_details .mes_reasoning_summary {
margin-right: calc(var(--mes-right-spacing) * -1); margin-right: calc(var(--mes-right-spacing) * -1);
} }
@ -383,14 +384,20 @@ input[type='checkbox']:focus-visible {
cursor: pointer; cursor: pointer;
position: relative; position: relative;
user-select: none; user-select: none;
margin: 0.5rem 2px; margin: 0.5em 2px;
padding: 7px 14px; padding: 7px 14px;
border-radius: 10px; border-radius: 10px;
background-color: var(--grey30); background-color: var(--grey30);
font-size: calc(var(--mainFontSize) * 0.9); 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 { .mes_reasoning_details {
display: none !important; display: none !important;
} }
@ -407,10 +414,9 @@ input[type='checkbox']:focus-visible {
} }
.mes_reasoning_details .mes_reasoning_arrow { .mes_reasoning_details .mes_reasoning_arrow {
font-size: 10px; font-size: calc(var(--mainFontSize) * 0.7);
width: 10px; width: calc(var(--mainFontSize) * 0.7);
height: 10px; height: calc(var(--mainFontSize) * 0.7);
margin-top: 5px;
} }
.mes_reasoning_details:not([open]) .mes_reasoning_arrow { .mes_reasoning_details:not([open]) .mes_reasoning_arrow {
@ -4251,15 +4257,15 @@ input[type="range"]::-webkit-slider-thumb {
.mes_reasoning_actions { .mes_reasoning_actions {
margin: 0; margin: 0;
margin-top: 0.5rem; margin-top: 0.5em;
} }
.mes_edit_buttons .menu_button, .mes_edit_buttons .menu_button,
.mes_reasoning_actions .edit_button { .mes_reasoning_actions .edit_button {
opacity: 0.5; opacity: 0.5;
padding: 0px; padding: 0px;
font-size: 1rem; font-size: 1em;
height: 2rem; height: 2em;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
@ -4269,7 +4275,7 @@ input[type="range"]::-webkit-slider-thumb {
} }
.mes_reasoning_actions .edit_button { .mes_reasoning_actions .edit_button {
margin-bottom: 0.5rem; margin-bottom: 0.5em;
opacity: 1; opacity: 1;
filter: brightness(0.7); filter: brightness(0.7);
} }