プロジェクト

全般

プロフィール

Vote #80027

完了

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

Admin Redmine さんが3年以上前に追加. 3年以上前に更新.

ステータス:
Closed
優先度:
通常
担当者:
-
カテゴリ:
UI - Responsive_57
対象バージョン:
開始日:
2022/05/09
期日:
進捗率:

0%

予定工数:
category_id:
57
version_id:
150
issue_org_id:
31311
author_id:
399222
assigned_to_id:
332
comments:
5
status_id:
5
tracker_id:
1
plus1:
0
affected_version:
closed_on:
affected_version_id:
148
ステータス-->[Closed]

説明

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


journals

Heddi Nabbisen wrote:
> On mobile, information text in <code>pre</code> 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:
<pre><code>
.box > pre { overflow-x: auto; }

</code></pre>

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

h3. Results

Classic Theme:

!02a-after-classic-theme.png!

Alternate Theme:

!02b-after-alternate-theme.png!
--------------------------------------------------------------------------------
Before:

!01-brefore-classic-theme.png!
--------------------------------------------------------------------------------
The attached patch should be fine.

!{width: 320px; border: 1px solid #ccc;}.env-info-scrollbar@2x.png!
--------------------------------------------------------------------------------
Committed the patch. Thank you for reporting this issue.
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

Admin Redmine さんが3年以上前に更新

  • カテゴリUI - Responsive_57 にセット
  • 対象バージョン3.4.11_150 にセット

他の形式にエクスポート: Atom PDF

いいね!0
いいね!0