Project

General

Profile

Actions

Defect #31311

closed

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

Added by Heddi Nabbisen almost 5 years ago. Updated almost 5 years ago.

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

0%

Estimated time:
Resolution:
Fixed
Affected version:

Description

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


Files

01-brefore-classic-theme.png (446 KB) 01-brefore-classic-theme.png Heddi Nabbisen, 2019-05-06 15:45
admin_info_box_pre_overflow_x-git.diff (717 Bytes) admin_info_box_pre_overflow_x-git.diff Heddi Nabbisen, 2019-05-06 15:49
02a-after-classic-theme.png (281 KB) 02a-after-classic-theme.png Heddi Nabbisen, 2019-05-06 15:55
02b-after-alternate-theme.png (271 KB) 02b-after-alternate-theme.png Heddi Nabbisen, 2019-05-06 15:56
01-brefore-classic-theme.png (301 KB) 01-brefore-classic-theme.png Heddi Nabbisen, 2019-05-06 15:57
31311-add-scrollbar.patch (332 Bytes) 31311-add-scrollbar.patch Go MAEDA, 2019-05-07 01:40
env-info-scrollbar@2x.png (28.9 KB) env-info-scrollbar@2x.png Go MAEDA, 2019-05-07 01:40
Actions #1

Updated by Heddi Nabbisen almost 5 years 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:

Actions #3

Updated by Go MAEDA almost 5 years ago

The attached patch should be fine.

Actions #4

Updated by Go MAEDA almost 5 years ago

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

Committed the patch. Thank you for reporting this issue.

Actions #5

Updated by Go MAEDA almost 5 years ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF