Project

General

Profile

Actions

Defect #41873

closed

Table layout breaks due to .icon class on td elements

Added by Mizuki ISHIKAWA about 1 month ago. Updated 19 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 table layout is breaking because td elements have the .icon class applied to them. When the .icon class is used, its display: inline-flex; style is applied, which disrupts the table layout.
This issue is particularly noticeable in themes with table borders, such as the Alternate theme, where the layout break becomes visually evident.

The attached patch modifies the structure by inserting a span element inside the td element and applying the .icon class to the span. This ensures that the table layout remains intact.

Affected Areas: ( Use Alternate theme )
  • Versions" tab in the project settings
  • forum pages (boards/show)

Files

screenshot 2024-11-26 9.49.46.png (193 KB) screenshot 2024-11-26 9.49.46.png Mizuki ISHIKAWA, 2024-11-26 01:50
screenshot 2024-11-26 9.49.57.png (140 KB) screenshot 2024-11-26 9.49.57.png Mizuki ISHIKAWA, 2024-11-26 01:51
fix-td-layout.diff (2.11 KB) fix-td-layout.diff Mizuki ISHIKAWA, 2024-11-26 01:55
version-settings-after-fix.png (40.3 KB) version-settings-after-fix.png Katsuya HIDAKA, 2024-11-27 08:34
version-setings-before-fix.png (40.6 KB) version-setings-before-fix.png Katsuya HIDAKA, 2024-11-27 08:34
fix-td-layout-shared-version-padding.diff (2.73 KB) fix-td-layout-shared-version-padding.diff Katsuya HIDAKA, 2024-11-27 08:48
screenshot 2024-12-03 13.39.34.png (20.1 KB) screenshot 2024-12-03 13.39.34.png Mizuki ISHIKAWA, 2024-12-03 05:43
screenshot 2024-12-03 13.40.38.png (20.2 KB) screenshot 2024-12-03 13.40.38.png Mizuki ISHIKAWA, 2024-12-03 05:43
screenshot 2024-12-03 13.41.38.png (20.1 KB) screenshot 2024-12-03 13.41.38.png Mizuki ISHIKAWA, 2024-12-03 05:44
result-when-the-subject-is-long.png (61.4 KB) result-when-the-subject-is-long.png Katsuya HIDAKA, 2024-12-03 06:28
Actions

Also available in: Atom PDF