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" }} + /> +