This is an automated email from the ASF dual-hosted git repository.
chengpan pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/spark.git
The following commit(s) were added to refs/heads/master by this push:
new 14d7ccac63e4 [SPARK-55771][UI][FOLLOWUP] Fix progress bar height
alignment in BS5 stacked progress
14d7ccac63e4 is described below
commit 14d7ccac63e4dd8aae2b3250b5a1c0cdeaba7982
Author: Kent Yao <[email protected]>
AuthorDate: Tue Mar 3 12:47:42 2026 +0800
[SPARK-55771][UI][FOLLOWUP] Fix progress bar height alignment in BS5
stacked progress
### What changes were proposed in this pull request?
Fix the height mismatch between `.progress-stacked` container (1.42rem) and
its inner `.progress` divs (BS5 default 1rem) by adding `height: 100%` to the
inner `.progress` elements.
### Why are the changes needed?
After SPARK-55771 introduced BS5 `.progress-stacked`, the inner `.progress`
bars use Bootstrap 5's default height (1rem ≈ 14px) which is shorter than the
custom stacked container height (1.42rem ≈ 20px). This causes the colored
progress bars to not fill the full height of the container, creating a visual
misalignment.
**Before (misaligned — bar shorter than container):**
Inner `.progress` = 14px, container = 20px
**After (aligned — bar fills container):**
Inner `.progress` = 100% = 20px, container = 20px
### Does this PR introduce _any_ user-facing change?
Visual fix only — progress bars now properly fill their container height.
### How was this patch tested?
Manual verification with Playwright — confirmed all three elements
(`.progress-stacked`, `.progress`, `.progress-bar`) now render at the same
height (20px).
Closes #54587 from yaooqinn/SPARK-55771-followup.
Authored-by: Kent Yao <[email protected]>
Signed-off-by: Cheng Pan <[email protected]>
---
core/src/main/resources/org/apache/spark/ui/static/webui.css | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/core/src/main/resources/org/apache/spark/ui/static/webui.css
b/core/src/main/resources/org/apache/spark/ui/static/webui.css
index ea9b5e70e6d0..0dd11915cf3b 100755
--- a/core/src/main/resources/org/apache/spark/ui/static/webui.css
+++ b/core/src/main/resources/org/apache/spark/ui/static/webui.css
@@ -101,6 +101,10 @@ table.sortable td {
position: relative;
}
+.progress-stacked > .progress {
+ height: 100%;
+}
+
.progress-stacked .progress-bar.progress-started {
background: linear-gradient(to bottom, #A4EDFF, #94DDFF);
}
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
