UI: Move 'Show controls' inside the hover menu

This commit is contained in:
oobabooga 2025-05-31 22:18:17 -07:00
parent 85f2f01a3a
commit 98a7508a99
3 changed files with 51 additions and 66 deletions

View file

@ -582,7 +582,6 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
#chat-input {
padding: 0;
padding-top: 18px;
background: transparent;
border: none;
}
@ -661,31 +660,6 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
}
}
#show-controls {
position: absolute;
background-color: transparent;
border: 0 !important;
border-radius: 0;
}
#show-controls label {
z-index: 1000;
position: absolute;
right: 30px;
top: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dark #show-controls span {
color: var(--neutral-400);
}
#show-controls span {
color: var(--neutral-600);
}
#typing-container {
display: none;
position: absolute;
@ -785,6 +759,32 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
background: var(--selected-item-color-dark) !important;
}
#show-controls {
height: 36px;
border-top: 1px solid var(--border-color-dark) !important;
border-left: 1px solid var(--border-color-dark) !important;
border-right: 1px solid var(--border-color-dark) !important;
border-radius: 0;
border-bottom: 0 !important;
background-color: var(--darker-gray);
padding-top: 3px;
padding-left: 4px;
display: flex;
}
#show-controls label {
display: flex;
flex-direction: row-reverse;
font-weight: bold;
justify-content: space-between;
width: 100%;
padding-right: 12px;
}
#show-controls label input {
margin-top: 4px;
}
.transparent-substring {
opacity: 0.333;
}