Project

General

Profile

Actions

Defect #42773

closed

Padding in the Preview tab is larger than in the actual rendered content

Added by Mizuki ISHIKAWA 6 days ago. Updated 4 days ago.

Status:
Closed
Priority:
Normal
Assignee:
Category:
UI
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Fixed
Affected version:

Description

The paragraph padding is larger in preview mode than in the saved view.

This is caused by extra padding applied to p elements in .wiki-preview, such as in .tabular .wiki-preview p. Since this difference can be confusing, the styles were adjusted to match the saved view.
Also, the rules for .jstBlock .wiki-preview p:first-child and p:last-child were affecting paragraphs inside alert blocks (like .note-1). The selectors were updated to apply only to p elements that are direct children of .wiki-preview.
These issues are fixed by the attached patch. This patch mainly adjusts the layout during preview, and does not change the appearance of the saved view.

Before change After change
preview
saved view

Files

after_preview.png (156 KB) after_preview.png Mizuki ISHIKAWA, 2025-05-26 05:58
after_saved.png (160 KB) after_saved.png Mizuki ISHIKAWA, 2025-05-26 05:58
before_saved.png (160 KB) before_saved.png Mizuki ISHIKAWA, 2025-05-26 05:58
before_preview.png (153 KB) before_preview.png Mizuki ISHIKAWA, 2025-05-26 05:58
align-preview-and-saved-padding.diff (1.48 KB) align-preview-and-saved-padding.diff Mizuki ISHIKAWA, 2025-05-26 06:22
screenshot 2025-05-28 11.23.14.png (121 KB) screenshot 2025-05-28 11.23.14.png Mizuki ISHIKAWA, 2025-05-28 07:21
screenshot 2025-05-28 11.22.47.png (121 KB) screenshot 2025-05-28 11.22.47.png Mizuki ISHIKAWA, 2025-05-28 07:21
screenshot 2025-05-28 11.23.31.png (128 KB) screenshot 2025-05-28 11.23.31.png Mizuki ISHIKAWA, 2025-05-28 07:21
Actions

Also available in: Atom PDF