diff --git a/web/src/app/mapfixes/[mapfixId]/(styles)/page/reviewStatus.scss b/web/src/app/mapfixes/[mapfixId]/(styles)/page/reviewStatus.scss index e64bd43..45016dd 100644 --- a/web/src/app/mapfixes/[mapfixId]/(styles)/page/reviewStatus.scss +++ b/web/src/app/mapfixes/[mapfixId]/(styles)/page/reviewStatus.scss @@ -1,13 +1,13 @@ $UnderConstruction: "0"; -$Submitted: "1"; -$ChangesRequested: "2"; -$Accepted: "3"; -$Validating: "4"; -$Validated: "5"; -$Uploading: "6"; -$Uploaded: "7"; -$Rejected: "8"; -$Released: "9"; +$Submitting: "1"; +$Submitted: "2"; +$ChangesRequested: "3"; +$Accepted: "4"; +$Validating: "5"; +$Validated: "6"; +$Uploading: "7"; +$Uploaded: "8"; +$Rejected: "9"; .review-status { border-radius: 5px; @@ -17,62 +17,62 @@ $Released: "9"; font-weight: bold; } - &[data-review-status="#{$Released}"] { - background-color: orange; - p { - color: white; - } - } &[data-review-status="#{$Rejected}"] { - background-color: orange; + background-color: rgb(255, 0, 0); p { color: white; } } &[data-review-status="#{$Uploading}"] { - background-color: orange; + background-color: rgb(255, 165, 0); p { color: white; } } &[data-review-status="#{$Uploaded}"] { - background-color: orange; + background-color: rgb(0, 150, 0); p { color: white; } } &[data-review-status="#{$Validated}"] { - background-color: orange; + background-color: rgb(0, 255, 0); p { color: white; } } &[data-review-status="#{$Validating}"] { - background-color: orange; + background-color: rgb(255, 165, 0); p { color: white; } } &[data-review-status="#{$Accepted}"] { - background-color: rgb(2, 162, 2); + background-color: rgb(0, 150, 0); p { color: white; } } &[data-review-status="#{$ChangesRequested}"] { - background-color: orange; + background-color: rgb(255, 125, 0); p { color: white; } } &[data-review-status="#{$Submitted}"] { - background-color: orange; + background-color: rgb(255, 165, 0); + p { + color: white; + } + } + &[data-review-status="#{$Submitting}"] { + background-color: rgb(255, 165, 0); p { color: white; } } &[data-review-status="#{$UnderConstruction}"] { - background-color: orange; + background-color: rgb(0, 150, 255); p { color: white; } diff --git a/web/src/app/submissions/[submissionId]/(styles)/page/reviewStatus.scss b/web/src/app/submissions/[submissionId]/(styles)/page/reviewStatus.scss index e64bd43..1164a53 100644 --- a/web/src/app/submissions/[submissionId]/(styles)/page/reviewStatus.scss +++ b/web/src/app/submissions/[submissionId]/(styles)/page/reviewStatus.scss @@ -1,13 +1,14 @@ $UnderConstruction: "0"; -$Submitted: "1"; -$ChangesRequested: "2"; -$Accepted: "3"; -$Validating: "4"; -$Validated: "5"; -$Uploading: "6"; -$Uploaded: "7"; -$Rejected: "8"; -$Released: "9"; +$Submitting: "1"; +$Submitted: "2"; +$ChangesRequested: "3"; +$Accepted: "4"; +$Validating: "5"; +$Validated: "6"; +$Uploading: "7"; +$Uploaded: "8"; +$Rejected: "9"; +$Released: "10"; .review-status { border-radius: 5px; @@ -18,61 +19,67 @@ $Released: "9"; } &[data-review-status="#{$Released}"] { - background-color: orange; + background-color: rgb(255, 165, 0); p { color: white; } } &[data-review-status="#{$Rejected}"] { - background-color: orange; + background-color: rgb(255, 0, 0); p { color: white; } } &[data-review-status="#{$Uploading}"] { - background-color: orange; + background-color: rgb(255, 165, 0); p { color: white; } } &[data-review-status="#{$Uploaded}"] { - background-color: orange; + background-color: rgb(0, 150, 0); p { color: white; } } &[data-review-status="#{$Validated}"] { - background-color: orange; + background-color: rgb(0, 255, 0); p { color: white; } } &[data-review-status="#{$Validating}"] { - background-color: orange; + background-color: rgb(255, 165, 0); p { color: white; } } &[data-review-status="#{$Accepted}"] { - background-color: rgb(2, 162, 2); + background-color: rgb(0, 150, 0); p { color: white; } } &[data-review-status="#{$ChangesRequested}"] { - background-color: orange; + background-color: rgb(255, 125, 0); p { color: white; } } &[data-review-status="#{$Submitted}"] { - background-color: orange; + background-color: rgb(255, 165, 0); + p { + color: white; + } + } + &[data-review-status="#{$Submitting}"] { + background-color: rgb(255, 165, 0); p { color: white; } } &[data-review-status="#{$UnderConstruction}"] { - background-color: orange; + background-color: rgb(0, 150, 255); p { color: white; }