Defect #31311

admin/info page: text cut off in pre tag on mobile

Added by Heddi Nabbisen 2 months ago. Updated 2 months ago.

Status:ClosedStart date:
Priority:NormalDue date:
Assignee:Go MAEDA% Done:

0%

Category:UI - Responsive
Target version:3.4.11
Resolution:Fixed Affected version:4.0.3

Description

On mobile, information text in pre tag is cut off in the middle in admin/info page.

01-brefore-classic-theme.png (446 KB) Heddi Nabbisen, 2019-05-06 15:45

admin_info_box_pre_overflow_x-git.diff Magnifier (717 Bytes) Heddi Nabbisen, 2019-05-06 15:49

02a-after-classic-theme.png (281 KB) Heddi Nabbisen, 2019-05-06 15:55

02b-after-alternate-theme.png (271 KB) Heddi Nabbisen, 2019-05-06 15:56

01-brefore-classic-theme.png (301 KB) Heddi Nabbisen, 2019-05-06 15:57

31311-add-scrollbar.patch Magnifier (332 Bytes) Go MAEDA, 2019-05-07 01:40

env-info-scrollbar@2x.png (28.9 KB) Go MAEDA, 2019-05-07 01:40

Associated revisions

Revision 18140
Added by Go MAEDA 2 months ago

admin/info page: text cut off in pre tag on mobile (#31311).

Patch by Go MAEDA.

Revision 18141
Added by Go MAEDA 2 months ago

Merged r18140 from trunk to 4.0-stable (#31311).

Revision 18142
Added by Go MAEDA 2 months ago

Merged r18140 from trunk to 3.4-stable (#31311).

History

#1 Updated by Heddi Nabbisen 2 months ago

Heddi Nabbisen wrote:

On mobile, information text in pre tag is cut off in the middle in admin/info page.

The attachment diff updates the style to show horizontal scroll bar.
It's just adding a line to application.css:


.box > pre { overflow-x: auto; }

Side effect investigation was done with the command: grep -r "\.box[^a-zA-Z0-9_-]" .

Results

Classic Theme:

Alternate Theme:

#2 Updated by Heddi Nabbisen 2 months ago

Before:

#3 Updated by Go MAEDA 2 months ago

The attached patch should be fine.

#4 Updated by Go MAEDA 2 months ago

  • Status changed from New to Resolved
  • Resolution set to Fixed

Committed the patch. Thank you for reporting this issue.

#5 Updated by Go MAEDA 2 months ago

  • Status changed from Resolved to Closed

Also available in: Atom PDF