diff --git a/Data/Server/WebUI/src/Assemblies/Assembly_Editor.jsx b/Data/Server/WebUI/src/Assemblies/Assembly_Editor.jsx
index 79326b8..318bfec 100644
--- a/Data/Server/WebUI/src/Assemblies/Assembly_Editor.jsx
+++ b/Data/Server/WebUI/src/Assemblies/Assembly_Editor.jsx
@@ -66,26 +66,29 @@ const INPUT_BASE_SX = {
"&:hover fieldset": { borderColor: "#3a4657" },
"&.Mui-focused fieldset": { borderColor: "#58a6ff" }
},
+
"& .MuiOutlinedInput-input": {
padding: "9px 12px",
- fontSize: "0.95rem"
+ fontSize: "0.95rem",
+ lineHeight: 1.4
},
+
"& .MuiOutlinedInput-inputMultiline": {
padding: "9px 12px"
},
- "& .MuiInputLabel-root": { color: "#9ba3b4" },
+
+ "& .MuiInputLabel-root": {
+ color: "#9ba3b4",
+ transform: "translate(12px, 11px) scale(0.8)" // label at rest (inside field)
+ },
"& .MuiInputLabel-root.Mui-focused": { color: "#58a6ff" },
- "& input[type=number]": {
- MozAppearance: "textfield"
+ "& .MuiInputLabel-root.MuiInputLabel-shrink": {
+ transform: "translate(12px, -6px) scale(0.75)" // floated label position
},
- "& input[type=number]::-webkit-outer-spin-button": {
- WebkitAppearance: "none",
- margin: 0
- },
- "& input[type=number]::-webkit-inner-spin-button": {
- WebkitAppearance: "none",
- margin: 0
- }
+
+ "& input[type=number]": { MozAppearance: "textfield" },
+ "& input[type=number]::-webkit-outer-spin-button": { WebkitAppearance: "none", margin: 0 },
+ "& input[type=number]::-webkit-inner-spin-button": { WebkitAppearance: "none", margin: 0 }
};
const SELECT_BASE_SX = {
@@ -914,7 +917,7 @@ export default function AssemblyEditor({
>
\". For example, a variable named \"message\" would be written in the script as \"$env:message\"."
+ title="This is the name of the variable you will be referencing inside of the script via $env:."
arrow
placement="top-start"
>
@@ -944,22 +947,7 @@ export default function AssemblyEditor({
/>
-
-
- updateVariable(variable.id, { description: e.target.value })}
- fullWidth
- variant="outlined"
- sx={INPUT_BASE_SX}
- />
-
-
+
)}
+
+
+ updateVariable(variable.id, { description: e.target.value })}
+ fullWidth
+ variant="outlined"
+ sx={INPUT_BASE_SX}
+ />
+
+
-
+
-
- Required
-
- updateVariable(variable.id, { required: e.target.checked })}
- sx={{ color: "#58a6ff", p: 0.5 }}
- inputProps={{ "aria-label": "Required" }}
- />
-
+ Required
+
+
+ updateVariable(variable.id, { required: e.target.checked })
+ }
+ sx={{
+ color: "#58a6ff",
+ p: 0.5,
+ }}
+ inputProps={{ "aria-label": "Required" }}
+ />
+