diff --git a/client/src/app.css b/client/src/app.css
index 2e70b8b..c65b42a 100644
--- a/client/src/app.css
+++ b/client/src/app.css
@@ -43,9 +43,10 @@ code {
padding: 0.2em .6em;
font-size: 1rem;
margin: 0 .2em;
+ border: 0;
}
-.btn-disabled {
+.btn-disabled, .btn[disabled] {
color: #aaa;
}
diff --git a/client/src/components/Level.tsx b/client/src/components/Level.tsx
index 604b2cc..16313bb 100644
--- a/client/src/components/Level.tsx
+++ b/client/src/components/Level.tsx
@@ -33,7 +33,7 @@ import { Main } from './infoview/main'
import type { Location } from 'vscode-languageserver-protocol';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faUpload, faArrowRotateRight, faChevronLeft, faChevronRight, faBook, faHome, faArrowRight, faArrowLeft } from '@fortawesome/free-solid-svg-icons'
+import { faHome, faArrowRight, faArrowLeft } from '@fortawesome/free-solid-svg-icons'
import { styled, useTheme, Theme, CSSObject } from '@mui/material/styles';
import { AppBarProps as MuiAppBarProps } from '@mui/material/AppBar';
diff --git a/client/src/components/infoview/CommandLine.tsx b/client/src/components/infoview/CommandLine.tsx
index 41a453c..66432e5 100644
--- a/client/src/components/infoview/CommandLine.tsx
+++ b/client/src/components/infoview/CommandLine.tsx
@@ -6,6 +6,9 @@ import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js'
import { DiagnosticSeverity, PublishDiagnosticsParams } from 'vscode-languageserver-protocol';
import { MonacoEditorContext } from '../Level'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faWandMagicSparkles } from '@fortawesome/free-solid-svg-icons'
+
export function CommandLine() {
@@ -47,7 +50,7 @@ export function CommandLine() {
return
}
diff --git a/client/src/components/infoview/goals.tsx b/client/src/components/infoview/goals.tsx
index bf64057..d394d8a 100644
--- a/client/src/components/infoview/goals.tsx
+++ b/client/src/components/infoview/goals.tsx
@@ -141,16 +141,16 @@ export const Goal = React.memo((props: GoalProps) => {
- let cn = 'font-code tl pre-wrap bl bw1 pl1 b--transparent '
- if (props.goal.isInserted) cn += 'b--inserted '
- if (props.goal.isRemoved) cn += 'b--removed '
+ // let cn = 'font-code tl pre-wrap bl bw1 pl1 b--transparent '
+ // if (props.goal.isInserted) cn += 'b--inserted '
+ // if (props.goal.isRemoved) cn += 'b--removed '
const hints =
const objectHyps = hyps.filter(hyp => !hyp.isAssumption)
const assumptionHyps = hyps.filter(hyp => hyp.isAssumption)
const {commandLineMode} = React.useContext(InputModeContext)
- return
+ return
{/* {goal.userName &&
case {goal.userName}
} */}
{filter.reverse && goalLi}
{ objectHyps.length > 0 &&
diff --git a/client/src/components/infoview/info.tsx b/client/src/components/infoview/info.tsx
index b4d051a..f4715d2 100644
--- a/client/src/components/infoview/info.tsx
+++ b/client/src/components/infoview/info.tsx
@@ -213,7 +213,7 @@ function InfoDisplay(props0: InfoDisplayProps & InfoPinnable) {
{/* */}
{/* */}
-
+
{/* */}
diff --git a/client/src/components/infoview/infoview.css b/client/src/components/infoview/infoview.css
index d1e6e4b..c3d4145 100644
--- a/client/src/components/infoview/infoview.css
+++ b/client/src/components/infoview/infoview.css
@@ -37,9 +37,27 @@
}
.command-line {
+ background: var(--clr-primary);
+ padding: 0.5em;
font-family: var(--ff-primary);
+ border-radius: 0.2em;
+ margin: 0.2em 0;
}
.command-line input[type="text"] {
font-family: var(--vscode-editor-font-family);
}
+
+.command-line form {
+ display: flex;
+}
+
+.command-line form>input{
+ display: block;
+}
+
+.command-line form>input[type="text"]{
+ flex: 1;
+ padding: 0.2em .6em;
+ font-size: 1rem;
+}
diff --git a/client/src/components/infoview/main.tsx b/client/src/components/infoview/main.tsx
index fe9cc41..bde2910 100644
--- a/client/src/components/infoview/main.tsx
+++ b/client/src/components/infoview/main.tsx
@@ -80,7 +80,7 @@ export function Main(props: {world: string, level: number}) {
} else if (serverStoppedResult){
ret =
{serverStoppedResult.message}
{serverStoppedResult.reason}
} else {
- ret =
+ ret =
{completed &&
Level completed! 🎉
}
diff --git a/client/src/components/infoview/messages.tsx b/client/src/components/infoview/messages.tsx
index 2aee9b5..bf1e8fc 100644
--- a/client/src/components/infoview/messages.tsx
+++ b/client/src/components/infoview/messages.tsx
@@ -84,7 +84,7 @@ export const MessagesList = React.memo(({uri, messages}: {uri: DocumentUri, mess
if (should_hide) { return <>> }
return (
-
+
{mkMessageViewProps(uri, messages).map(m => )}
);
diff --git a/client/src/components/level.css b/client/src/components/level.css
index e6bab61..bc98c13 100644
--- a/client/src/components/level.css
+++ b/client/src/components/level.css
@@ -34,7 +34,7 @@
flex-flow: column;
}
-.introduction-panel {
+.infoview {
padding: 1em;
}
@@ -59,7 +59,12 @@
margin-bottom: 0;
}
+.introduction-panel {
+ padding: 1em;
+}
+
.input-mode-switch {
+ margin: .5em 0;
float: right;
}