Changes to QC tweaks

This commit is contained in:
Stian Lund
2023-06-07 21:25:40 +02:00
parent bb07058bcb
commit 2630c1d9bc
10 changed files with 105 additions and 53 deletions
+21 -20
View File
@@ -1,30 +1,31 @@
/* QC Height and Width */
.qc-modal {top: 20vh !important;}
.quick-command-container, .quick-command-container .quick-commands > div {width:60vw !important; }
.quick-command-container .quick-commands > div > div {max-width: 100% !important;}
.quick-commands {max-height: 100% !important;}
.quick-commands > div {height: 60vh !important;}
/* QC Placement */
.qc-modal {top: 15vh !important;}
/* QC Width */
.quick-command-container, .quick-commands > div {width: 60vw !important;}
.quick-commands > div > div {max-width: 100% !important;}
/* QC Height */
.quick-commands > div {height: 60vh !important;}
.quick-commands {max-height: 100% !important;}
/* QC Transparency */
.quick-commands, input.quick-command-search-hint {
background-color: transparent !important;
}
.quick-commands, input.quick-command-search-hint {background-color: transparent !important;}
/* Selected line */
.quick-command[data-selected] {background-color: var(--colorHighlightBgAlpha) !important;}
.quick-commands .quick-command[data-selected] {
background-color: var(--colorHighlightBgAlpha) !important;
}
.qc-modal > div {
color: var(--colorFgIntense) !important;
background-color: var(--colorBgAlphaHeavy) !important;
backdrop-filter: blur(5px);
color: var(--colorFgIntense) !important;
background-color: var(--colorBgAlphaBlur) !important;
backdrop-filter: var(--backgroundBlur);
border: 2px solid var(--colorHighlightBgAlpha);
border-radius: var(--radius);
}
.qc-modal ::-webkit-scrollbar-track, .qc-modal ::-webkit-scrollbar-thumb {
background-color: var(--colorBgAlphaHeavier) !important;
}
/* Hide scrollbar */
.qc-modal ::-webkit-scrollbar-track,
.qc-modal ::-webkit-scrollbar-thumb,
.qc-modal ::-webkit-scrollbar-button {
display: none;
display: none;
}