File size: 1,445 Bytes
bae9410 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
:root {
--human-message-editor-gap: 0;
--human-message-editor-cell-spacing-bottom: 6px;
}
.container {
display: flex;
flex-direction: column;
gap: var(--human-message-editor-gap);
border-radius: 4px;
background-color: color-mix(in srgb, var(--vscode-input-background) 50%, transparent);
color: var(--vscode-input-foreground);
outline: solid 1px var(--vscode-input-border);
outline-offset: -1px;
cursor: text;
.editor {
scrollbar-gutter: stable;
padding: var(--prompt-editor-padding-y) var(--prompt-editor-padding-x);
}
}
.toolbar {
padding: calc(0.75*var(--prompt-editor-padding-y)) var(--prompt-editor-padding-x);
overflow: hidden;
}
.container:not(.focused, [data-keep-toolbar-open]) {
.editor-content-editable {
min-height: 1lh;
}
.toolbar {
height: 0;
opacity: 0;
margin-top: 0;
pointer-events: none;
padding: 0;
}
}
.container:hover, .container:has(:focus-within, menu>button:focus) {
background-color: var(--vscode-input-background);
}
/* Show focus ring when the input is focused or a toolbar button within the input container is
focused, but NOT if something in a toolbar button's popover is focused. */
.container:has([data-lexical-editor='true']:focus-within, menu>button:focus) {
outline-color: var(--vscode-focusBorder);
}
.editor-content-editable {
min-height: 3lh;
}
|