robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged PR 2357: dashboards in admin for appeals and lpa

Browse Source 
dashboards in admin for appeals and lpa

Related work items: #23527
This commit is contained in:
Robert Bond
2026-05-29 16:35:27 +00:00
parent b71a93076b
commit 18a05d4be8
12 changed files with 1658 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/sass/welshgov/_application.scss
+255
View File
@@ -3288,4 +3288,259 @@ ul.subFieldList {
.govuk-task-list__name-and-hint {
width: 85%;
}
}
.appeal-count-chart {
margin: 0;
}
.appeal-count-chart__row {
display: grid;
grid-template-columns: minmax(220px, 45%) 1fr;
gap: 15px;
align-items: center;
margin-bottom: 10px;
}
.appeal-count-chart__label {
font-weight: 700;
font-size: 1.2rem
}
.appeal-count-chart__bar-wrapper {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
}
.appeal-count-chart__bar {
display: inline-block;
height: 16px;
background: #1d70b8;
}
.appeal-count-chart__count {
white-space: nowrap;
}
.appeal-stage-chart {
margin: 0;
}
.appeal-stage-chart__row {
display: grid;
grid-template-columns: minmax(260px, 42%) 1fr;
gap: 15px;
align-items: center;
margin-bottom: 12px;
}
.appeal-stage-chart__label {
font-weight: 700;
font-weight: 1.2rem;
}
.appeal-stage-chart__bar-wrapper {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
}
.appeal-stage-chart__bar {
display: flex;
height: 18px;
min-width: 2px;
background: #f3f2f1;
}
.appeal-stage-chart__segment {
display: block;
height: 100%;
}
.appeal-stage-chart__segment--0 {
background: #1d70b8;
}
.appeal-stage-chart__segment--1 {
background: #00703c;
}
.appeal-stage-chart__segment--2 {
background: #f47738;
}
.appeal-stage-chart__segment--3 {
background: #b58840;
}
.appeal-stage-chart__segment--4 {
background: #4c2c92;
}
.appeal-stage-chart__segment--5 {
background: #d4351c;
}
.appeal-stage-chart__count {
white-space: nowrap;
}
.dashboard-card {
border: 1px solid #b1b4b6;
padding: 15px;
min-height: 130px;
margin-bottom: 20px;
}
.dashboard-card__title {
margin-bottom: 5px;
}
.dashboard-card__value {
margin-bottom: 5px;
}
.dashboard-card__caption {
margin-bottom: 0;
}
/* Simple bar chart */
.appeal-count-chart,
.appeal-stage-chart {
margin: 0;
}
.appeal-count-chart__row,
.appeal-stage-chart__row {
display: grid;
grid-template-columns: minmax(260px, 42%) 1fr;
gap: 15px;
align-items: center;
margin-bottom: 12px;
}
.appeal-count-chart__label,
.appeal-stage-chart__label {
font-weight: 700;
font-size: 1.2rem;
}
.appeal-count-chart__bar-wrapper,
.appeal-stage-chart__bar-wrapper {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
}
.appeal-count-chart__bar {
display: inline-block;
height: 18px;
background: #1d70b8;
}
.appeal-count-chart__count,
.appeal-stage-chart__count {
white-space: nowrap;
}
.appeal-stage-chart__bar {
display: flex;
height: 20px;
min-width: 2px;
background: #f3f2f1;
}
.appeal-stage-chart__segment {
display: block;
height: 100%;
}
.appeal-stage-chart__segment--0 {
background: #1d70b8;
}
.appeal-stage-chart__segment--1 {
background: #00703c;
}
.appeal-stage-chart__segment--2 {
background: #f47738;
}
.appeal-stage-chart__segment--3 {
background: #b58840;
}
.appeal-stage-chart__segment--4 {
background: #4c2c92;
}
.appeal-stage-chart__segment--5 {
background: #d4351c;
}
/* Accordion heading total */
.appeal-accordion-heading {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-right: 20px;
}
.appeal-accordion-total {
font-weight: normal;
white-space: nowrap;
}
.govuk-accordion__show-all {
background: none;
border: 0;
color: #1d70b8;
cursor: pointer;
padding: 0;
text-decoration: underline;
}
.appeal-accordion-heading,
.lpa-status-block__button {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.appeal-accordion-total {
font-weight: normal;
white-space: nowrap;
}
.lpa-status-block {
border-bottom: 1px solid #b1b4b6;
padding: 10px 0;
}
.lpa-status-block__button {
background: none;
border: 0;
color: #1d70b8;
cursor: pointer;
font-weight: 700;
padding: 0;
text-align: left;
text-decoration: underline;
}
.lpa-status-block__button span:last-child {
color: #0b0c0c;
font-weight: normal;
text-decoration: none;
white-space: nowrap;
}