1be9b2612c
* Move format code button to menu item by extending CollapsiblePanel to take an optional menu React element. Signed-off-by: Frank Noirot <frank@kittycad.io> * Style tweaks * Add shortcuts for format and cmd bar to codemirror * Move convert to variable into code menu Signed off by Frank Noirot <frank@kittycad.io> * Add keyboard shortcut to convert to variable * Remove convert to variable from toolbar * Refactor: move TextEditor to its own component * Set a better convertToVar shortcut * Style and ergonomic polish for convertToVar modal * Use named constants for shortcuts 😇 * Try yet another keyboard shortcut * Fix formatting * remove isShiftDown from app.tsx --------- Signed-off-by: Frank Noirot <frank@kittycad.io> Co-authored-by: Kurt Hutten Irev-Dev <k.hutten@protonmail.ch>
20 lines
502 B
CSS
20 lines
502 B
CSS
.button {
|
|
@apply flex justify-between items-center gap-2 px-2 py-1 text-left border-none rounded-sm;
|
|
@apply font-mono text-xs font-bold select-none text-chalkboard-90;
|
|
@apply ui-active:bg-liquid-10/50 ui-active:text-liquid-90;
|
|
@apply transition-colors ease-out;
|
|
}
|
|
|
|
:global(.dark) .button {
|
|
@apply text-chalkboard-30;
|
|
@apply ui-active:bg-chalkboard-80 ui-active:text-liquid-10;
|
|
}
|
|
|
|
.button small {
|
|
@apply text-chalkboard-60;
|
|
}
|
|
|
|
:global(.dark) .button small {
|
|
@apply text-chalkboard-40;
|
|
}
|