Skip to content

Commit f298f34

Browse files
committed
docs(overall_status): enlarge status headings and add rollout progress bar
- Style 'Process Status' rubrics with new .status-heading class for larger, bolder appearance. - Replace 'Implementation status: ...' rubrics with an inline 'Rollout status' row containing label, percentage, progress bar and detail text in one line. - Add corresponding CSS in docs/_assets/custom.css (.status-heading, .impl-status-row and .impl-status-bar/.impl-status-fill).
1 parent 6018c27 commit f298f34

2 files changed

Lines changed: 113 additions & 5 deletions

File tree

docs/_assets/custom.css

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -230,3 +230,66 @@ table .line-block .line {
230230
margin: 0;
231231
font-size: 1.1rem;
232232
}
233+
234+
/* ---------------------------------------------------------------------------
235+
* Process / Implementation status headings (overall_status.rst):
236+
* make rubric headings visually larger, and render the implementation
237+
* status as a single inline row with a progress bar.
238+
* ---------------------------------------------------------------------------*/
239+
240+
p.rubric.status-heading,
241+
.rubric.status-heading {
242+
font-size: 1.35rem;
243+
font-weight: 700;
244+
margin-top: 1.2rem;
245+
margin-bottom: 0.6rem;
246+
color: #1a5fa8;
247+
}
248+
249+
.impl-status-row {
250+
display: flex;
251+
flex-wrap: wrap;
252+
align-items: center;
253+
gap: 0.6rem;
254+
font-size: 1.35rem;
255+
font-weight: 700;
256+
color: #1a5fa8;
257+
margin: 1.2rem 0 0.8rem 0;
258+
}
259+
260+
.impl-status-row .impl-status-label {
261+
white-space: nowrap;
262+
}
263+
264+
.impl-status-row .impl-status-icon {
265+
font-size: 1.25rem;
266+
}
267+
268+
.impl-status-row .impl-status-percent {
269+
min-width: 3.5rem;
270+
text-align: right;
271+
}
272+
273+
.impl-status-row .impl-status-bar {
274+
flex: 1 1 200px;
275+
min-width: 160px;
276+
max-width: 360px;
277+
height: 14px;
278+
background-color: #e3e8ef;
279+
border: 1px solid #c0c8d4;
280+
border-radius: 7px;
281+
overflow: hidden;
282+
}
283+
284+
.impl-status-row .impl-status-fill {
285+
height: 100%;
286+
background: linear-gradient(90deg, #1a5fa8 0%, #4a90d9 100%);
287+
border-radius: 6px 0 0 6px;
288+
}
289+
290+
.impl-status-row .impl-status-detail {
291+
font-size: 1rem;
292+
font-weight: 500;
293+
color: #444;
294+
white-space: nowrap;
295+
}

docs/s_core_v_1/roadmap/overall_status.rst

Lines changed: 50 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ Process Area 1 — Change Management
2020
----------------------------------
2121

2222
.. rubric:: Process Status
23+
:class: status-heading
2324

2425
.. list-table::
2526
:header-rows: 1
@@ -58,7 +59,15 @@ Process Area 1 — Change Management
5859
:filter-func: needs_filters.area_verification_status(change_management)
5960

6061

61-
.. rubric:: Implementation status: 🔄 90% (10/11 deliverables complete)
62+
.. raw:: html
63+
64+
<div class="impl-status-row">
65+
<span class="impl-status-label">Rollout status:</span>
66+
<span class="impl-status-icon">🔄</span>
67+
<span class="impl-status-percent">90%</span>
68+
<div class="impl-status-bar"><div class="impl-status-fill" style="width:90%"></div></div>
69+
<span class="impl-status-detail">10/11 deliverables complete</span>
70+
</div>
6271

6372

6473
.. list-table::
@@ -118,6 +127,7 @@ Process Area 2 — Requirements Engineering
118127
-----------------------------------------
119128

120129
.. rubric:: Process Status
130+
:class: status-heading
121131

122132
.. list-table::
123133
:header-rows: 1
@@ -163,7 +173,15 @@ Process Area 2 — Requirements Engineering
163173
Total Feature and Component Requirements across the 11 PA2 modules per release (v0.5.0-beta → v0.6.0 → v0.7.0 → current main).
164174

165175

166-
.. rubric:: Implementation status: 🔄 39% (13/33 deliverables complete)
176+
.. raw:: html
177+
178+
<div class="impl-status-row">
179+
<span class="impl-status-label">Rollout status:</span>
180+
<span class="impl-status-icon">🔄</span>
181+
<span class="impl-status-percent">39%</span>
182+
<div class="impl-status-bar"><div class="impl-status-fill" style="width:39%"></div></div>
183+
<span class="impl-status-detail">13/33 deliverables complete</span>
184+
</div>
167185

168186

169187
.. list-table::
@@ -280,6 +298,7 @@ Process Area 3 — Architecture Design
280298
------------------------------------
281299

282300
.. rubric:: Process Status
301+
:class: status-heading
283302

284303
.. list-table::
285304
:header-rows: 1
@@ -325,7 +344,15 @@ Process Area 3 — Architecture Design
325344
Total Feature and Component Architecture elements across the 11 PA2 modules per release (v0.5.0-beta → v0.6.0 → v0.7.0 → current main).
326345

327346

328-
.. rubric:: Implementation status: 🔄 24% (8/33 deliverables complete)
347+
.. raw:: html
348+
349+
<div class="impl-status-row">
350+
<span class="impl-status-label">Rollout status:</span>
351+
<span class="impl-status-icon">🔄</span>
352+
<span class="impl-status-percent">24%</span>
353+
<div class="impl-status-bar"><div class="impl-status-fill" style="width:24%"></div></div>
354+
<span class="impl-status-detail">8/33 deliverables complete</span>
355+
</div>
329356

330357

331358
.. list-table::
@@ -440,6 +467,7 @@ Process Area 4 — Implementation
440467
-------------------------------
441468

442469
.. rubric:: Process Status
470+
:class: status-heading
443471

444472
.. list-table::
445473
:header-rows: 1
@@ -485,7 +513,15 @@ Process Area 4 — Implementation
485513
Estimated Lines of Code across the 11 PA2 modules per release (v0.5.0-beta → v0.6.0 → v0.7.0 → current main).
486514

487515

488-
.. rubric:: Implementation status: 🔄 47% (21/44 deliverables complete)
516+
.. raw:: html
517+
518+
<div class="impl-status-row">
519+
<span class="impl-status-label">Rollout status:</span>
520+
<span class="impl-status-icon">🔄</span>
521+
<span class="impl-status-percent">47%</span>
522+
<div class="impl-status-bar"><div class="impl-status-fill" style="width:47%"></div></div>
523+
<span class="impl-status-detail">21/44 deliverables complete</span>
524+
</div>
489525

490526

491527
.. list-table::
@@ -613,6 +649,7 @@ Process Area 5 — Verification
613649
-----------------------------
614650

615651
.. rubric:: Process Status
652+
:class: status-heading
616653

617654
.. list-table::
618655
:header-rows: 1
@@ -658,7 +695,15 @@ Process Area 5 — Verification
658695
Test counts and coverage across the 11 PA2 modules per release (v0.5.0-beta → v0.6.0 → v0.7.0 → current main).
659696

660697

661-
.. rubric:: Implementation status: 🔄 28% (25/88 deliverables complete)
698+
.. raw:: html
699+
700+
<div class="impl-status-row">
701+
<span class="impl-status-label">Rollout status:</span>
702+
<span class="impl-status-icon">🔄</span>
703+
<span class="impl-status-percent">28%</span>
704+
<div class="impl-status-bar"><div class="impl-status-fill" style="width:28%"></div></div>
705+
<span class="impl-status-detail">25/88 deliverables complete</span>
706+
</div>
662707

663708
.. note::
664709

0 commit comments

Comments
 (0)