e-suite/webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Layout of the Basic task is now completed

Browse Source
This commit is contained in:
Colin Dawson 2026-03-18 21:22:16 +00:00
parent 61465130a6
commit 032ac983eb
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/Sass/_assignmentComplete.scss
View File

@ -1,6 +1,7 @@
@import "./_esuiteVariables.scss"; @import "./_esuiteVariables.scss";
$assignmentComplete-border-color: darken($mode--light-bg, 50%); $assignmentComplete-border-color: darken($mode--light-bg, 50%);
$border-radius: 12px;
.assignmentComplete { .assignmentComplete {
display: flex; display: flex;
@ -66,12 +67,13 @@ $assignmentComplete-border-color: darken($mode--light-bg, 50%);
.taskDetails { .taskDetails {
border: 1px solid $assignmentComplete-border-color; border: 1px solid $assignmentComplete-border-color;
border-radius: 4px; border-radius: $border-radius;
padding: 12px; padding: 12px;
margin-bottom: 12px; margin-bottom: 12px;
.taskDetailsHeader { .taskDetailsHeader {
background-color: $assignmentComplete-border-color; background-color: $assignmentComplete-border-color;
border-radius: $border-radius $border-radius 0 0;
margin: -12px -12px 12px; margin: -12px -12px 12px;
padding: 8px 12px; padding: 8px 12px;
} }
@ -111,3 +113,12 @@ $assignmentComplete-border-color: darken($mode--light-bg, 50%);
} }
} }
} }
.basicTask {
.banner {
background-color: $assignmentComplete-border-color;
padding: 12px;
border-radius: $border-radius;
margin-bottom: 20px;
}
}

4
src/modules/manager/task/assignments/components/tasksProcessor/BasicTask.tsx
View File

@ -88,8 +88,8 @@ const BasicTask: React.FC<BasicTaskProps> = ({
}; };
return ( return (
<div className="workareaInner"> <div className="basicTask">
<div>{description}</div> <div className="banner">{description}</div>
{renderInput( {renderInput(
"comments", "comments",