Skip to content

Commit 062ca5b

Browse files
matteiusclaude
andcommitted
fix: full-width in-table section dividers in single-submission PDF
The approval-step field table reused .step-section-header on its <td> section rows, but that class declares display:table and width:100% for the outer step-header <div>. Those declarations overrode <td colspan="4"> and collapsed the section divider into the first column. Introduces a .step-field-section class for the in-table divider that styles cleanly on a <td>. Bulk PDF already used its own dedicated .section-row class and was not affected. Bumps version to 0.71.2. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent eaa895c commit 062ca5b

3 files changed

Lines changed: 24 additions & 2 deletions

File tree

CHANGELOG.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
77

88
## [Unreleased]
99

10+
## [0.71.2] - 2026-04-16
11+
12+
### Fixed
13+
- **Single-submission PDF: in-table section dividers now span the full
14+
table width.** The approval-step field table was reusing the outer
15+
`.step-section-header` class on its `<td>` section rows. That class
16+
carries `display: table; width: 100%;` (for the surrounding step
17+
header `<div>`), which overrode the `<td colspan="4">` and collapsed
18+
the section divider into the first column only. Split into a new
19+
`.step-field-section` class that is table-row-safe. Bulk PDF was
20+
unaffected (it already used a dedicated `.section-row` class).
21+
1022
## [0.71.1] - 2026-04-16
1123

1224
### Fixed

django_forms_workflows/templates/django_forms_workflows/submission_pdf.html

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,16 @@
142142
text-align: right;
143143
white-space: nowrap;
144144
}
145+
/* In-table section divider inside the step's field table. Must NOT
146+
share display:table / width:100% from the outer header class —
147+
those break <td colspan> and collapse the row to the first column. */
148+
.step-field-section {
149+
background-color: #1a3a52;
150+
color: #fff;
151+
font-weight: bold;
152+
font-size: 9pt;
153+
padding: 4pt 8pt;
154+
}
145155
.step-badge {
146156
display: inline-block;
147157
padding: 2pt 7pt;
@@ -291,7 +301,7 @@ <h3 style="margin-top: 20px;">Attachments</h3>
291301
{% for row in section.fields %}
292302
{% if row.type == 'section' %}
293303
<tr>
294-
<td colspan="4" class="step-section-header">{{ row.label }}</td>
304+
<td colspan="4" class="step-field-section">{{ row.label }}</td>
295305
</tr>
296306
{% elif row.type == 'display_text' %}
297307
<tr>

pyproject.toml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
[tool.poetry]
22
name = "django-forms-workflows"
3-
version = "0.71.1"
3+
version = "0.71.2"
44
description = "Enterprise-grade, database-driven form builder with approval workflows and external data integration"
55
license = "LGPL-3.0-only"
66
readme = "README.md"

0 commit comments

Comments
 (0)