Improve clarity of editor tabs

This commit is contained in:
nickofolas 2022-01-17 14:22:04 -06:00
parent c5089ab82a
commit c1b777733f

@ -198,7 +198,7 @@ export function Root(props: IProps): React.ReactElement {
}); });
editor.focus(); editor.focus();
}); });
} catch {} } catch { }
} else if (!options.vim) { } else if (!options.vim) {
// Whem vim mode is disabled // Whem vim mode is disabled
vimEditor?.dispose(); vimEditor?.dispose();
@ -432,7 +432,7 @@ export function Root(props: IProps): React.ReactElement {
} }
try { try {
infLoop(newCode); infLoop(newCode);
} catch (err) {} } catch (err) { }
} }
function saveScript(scriptToSave: OpenScript): void { function saveScript(scriptToSave: OpenScript): void {
@ -714,7 +714,9 @@ export function Root(props: IProps): React.ReactElement {
ref={provided.innerRef} ref={provided.innerRef}
{...provided.droppableProps} {...provided.droppableProps}
style={{ style={{
backgroundColor: snapshot.isDraggingOver ? "#1F2022" : Settings.theme.backgroundprimary, backgroundColor: snapshot.isDraggingOver
? Settings.theme.backgroundsecondary
: Settings.theme.backgroundprimary,
overflowX: "scroll", overflowX: "scroll",
}} }}
> >
@ -738,11 +740,13 @@ export function Root(props: IProps): React.ReactElement {
> >
<Button <Button
onClick={() => onTabClick(index)} onClick={() => onTabClick(index)}
style={{ style={
background: currentScript?.fileName === openScripts[index].fileName ? {
currentScript?.fileName === openScripts[index].fileName background: Settings.theme.button,
? Settings.theme.secondarydark color: Settings.theme.primary
: "", } : {
background: Settings.theme.backgroundsecondary,
color: Settings.theme.secondary
}} }}
> >
{hostname}:~/{fileName} {dirty(index)} {hostname}:~/{fileName} {dirty(index)}
@ -752,10 +756,13 @@ export function Root(props: IProps): React.ReactElement {
style={{ style={{
maxWidth: "20px", maxWidth: "20px",
minWidth: "20px", minWidth: "20px",
background: ...(currentScript?.fileName === openScripts[index].fileName ? {
currentScript?.fileName === openScripts[index].fileName background: Settings.theme.button,
? Settings.theme.secondarydark color: Settings.theme.primary
: "", } : {
background: Settings.theme.backgroundsecondary,
color: Settings.theme.secondary
})
}} }}
> >
x x