Files
supabase/apps/studio/styles/monaco.scss
T
Mohammed Yasin Mulla bb967407dc style: move the find-widget in the sql editor to prevent overlapping … (#28228)
style: move the find-widget in the sql editor to prevent overlapping with the suggest ai button
2024-07-30 11:45:05 +00:00

69 lines
1.3 KiB
SCSS

.monaco-editor {
@apply relative overflow-visible;
-webkit-text-size-adjust: 100%;
}
.monaco-editor-alt.monaco-editor-alt,
.monaco-editor-alt > .monaco-editor {
--vscode-editor-background: hsl(var(--background-surface-300)) !important;
--vscode-editorGutter-background: hsl(var(--background-surface-300)) !important;
}
.monaco-editor-alt .current-line {
border: 0 !important;
}
.monaco-editor,
.monaco-diff-editor {
--vscode-editor-background: hsl(var(--background-surface-200)) !important;
--vscode-editorGutter-background: hsl(var(--background-surface-200)) !important;
}
.gutter {
@apply bg-border-control;
cursor: row-resize;
}
.grid-monaco-editor,
.monaco-editor p,
label,
div,
section,
span.th.tr.td.textarea {
/* @apply text-sm; */
}
.grid-monaco-editor,
.monaco-editor label {
font-weight: inherit;
text-transform: none;
padding: inherit;
width: inherit;
align-self: inherit;
}
.grid-monaco-editor,
.monaco-editor label:hover {
cursor: inherit;
}
.find-widget {
margin-right: 30px;
}
.grid-monaco-editor,
.monaco-editor .suggest-widget {
.main {
max-height: none;
height: inherit;
width: 100%;
margin: inherit;
padding: inherit;
overflow: inherit;
}
.monaco-list-row.focused .main {
background: var(--vscode-quickInput-background);
}
}