Defect #33502: Issue field labels for fields with descriptions are missing styling on issues show view - Redmine

Actions

Copy link

Defect #33502

closed

Issue field labels for fields with descriptions are missing styling on issues show view

Added by Mischa The Evil about 5 years ago. Updated about 2 years ago.

Status:

Closed

Priority:

Normal

Assignee:

Go MAEDA

Category:

Target version:

4.2.11

Start date:

Due date:

% Done:

Estimated time:

Resolution:

Fixed

Affected version:

4.1.1

Description

On the issues show view, issue field labels for fields with descriptions are missing the dotted border-bottom styling. At a first glance the CSS seems fine though, but a second look shows that the 'overflow: hidden;' style declaration for the div.issue .attributes .attribute .label selector (source:/trunk/public/stylesheets/application.css@19786#L533) seems to be the culprit. Disabling that declaration fixes the missing border-bottom.
On the issues edit view, the field labels are correctly rendered with the border-bottom styling.

See the following screenshots:

Issues show without dotted border-bottom styling

Issues edit with dotted border-bottom styling

Files

Download all files

issue_show.png (67.4 KB) issue_show.png		Mischa The Evil, 2020-05-27 03:53
issue_edit.png (71.8 KB) issue_edit.png		Mischa The Evil, 2020-05-27 03:53
clipboard-202305041304-rpwif.png (9.76 KB) clipboard-202305041304-rpwif.png		Go MAEDA, 2023-05-04 06:05
clipboard-202305041307-ba2qq.png (11.9 KB) clipboard-202305041307-ba2qq.png		Go MAEDA, 2023-05-04 06:07
clipboard-202305041308-kuv3v.png (9.77 KB) clipboard-202305041308-kuv3v.png		Go MAEDA, 2023-05-04 06:08
33502.patch (995 Bytes) 33502.patch		Go MAEDA, 2023-05-04 06:32

Actions

Copy link

Updated by Go MAEDA about 2 years ago

Status changed from New to Confirmed

The "overflow: hidden;" that causes the issue was added in r16039.

Actions

Copy link

Updated by Go MAEDA about 2 years ago

File clipboard-202305041304-rpwif.png clipboard-202305041304-rpwif.png added
File clipboard-202305041307-ba2qq.png clipboard-202305041307-ba2qq.png added
File clipboard-202305041308-kuv3v.png clipboard-202305041308-kuv3v.png added
File 33502.patch 33502.patch added
Target version set to Candidate for next minor release

Changing overflow: hidden; to overflow: clip visible; will fix the issue.

Current (overflow: hidden;):

Patch applied (overflow: clip visible;):

We cannot simpley remove the overflow property. Removing the overflow causes another problem as shown in the screenshot below.

Actions

Copy link

Updated by Go MAEDA about 2 years ago

Subject changed from Issue field labels for fields with descriptions are missing styling on issues show view. to Issue field labels for fields with descriptions are missing styling on issues show view
Target version changed from Candidate for next minor release to 4.2.11

Setting the target version to 4.2.11.

Actions

Copy link