https://www.redmine.org/https://www.redmine.org/favicon.ico?16793021292019-05-06T13:56:46ZRedmineRedmine - Defect #31311: admin/info page: text cut off in pre tag on mobilehttps://www.redmine.org/issues/31311?journal_id=915792019-05-06T13:56:46ZHeddi Nabbisen
<ul><li><strong>File</strong> <a href="/attachments/22977">admin_info_box_pre_overflow_x-git.diff</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/22977/admin_info_box_pre_overflow_x-git.diff">admin_info_box_pre_overflow_x-git.diff</a> added</li><li><strong>File</strong> <a href="/attachments/22983">02a-after-classic-theme.png</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/22983/02a-after-classic-theme.png">02a-after-classic-theme.png</a> added</li><li><strong>File</strong> <a href="/attachments/22984">02b-after-alternate-theme.png</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/22984/02b-after-alternate-theme.png">02b-after-alternate-theme.png</a> added</li></ul><p>Heddi Nabbisen wrote:</p>
<blockquote>
<p>On mobile, information text in <code>pre</code> tag is cut off in the middle in admin/info page.</p>
</blockquote>
<p>The attachment diff updates the style to show horizontal scroll bar.<br />It's just adding a line to application.css:<br /><pre><code>
.box > pre { overflow-x: auto; }
</code></pre></p>
<p>Side effect investigation was done with the command: <code>grep -r "\.box[^a-zA-Z0-9_-]" .</code></p>
<a name="Results"></a>
<h3 >Results<a href="#Results" class="wiki-anchor">¶</a></h3>
<p>Classic Theme:</p>
<p><img src="https://www.redmine.org/attachments/download/22983/02a-after-classic-theme.png" alt="" /></p>
<p>Alternate Theme:</p>
<p><img src="https://www.redmine.org/attachments/download/22984/02b-after-alternate-theme.png" alt="" /></p> Redmine - Defect #31311: admin/info page: text cut off in pre tag on mobilehttps://www.redmine.org/issues/31311?journal_id=915802019-05-06T13:58:18ZHeddi Nabbisen
<ul><li><strong>File</strong> <a href="/attachments/22985">01-brefore-classic-theme.png</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/22985/01-brefore-classic-theme.png">01-brefore-classic-theme.png</a> added</li></ul><p>Before:</p>
<p><img src="https://www.redmine.org/attachments/download/22985/01-brefore-classic-theme.png" alt="" /></p> Redmine - Defect #31311: admin/info page: text cut off in pre tag on mobilehttps://www.redmine.org/issues/31311?journal_id=915902019-05-06T23:41:50ZGo MAEDA
<ul><li><strong>File</strong> <a href="/attachments/22989">31311-add-scrollbar.patch</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/22989/31311-add-scrollbar.patch">31311-add-scrollbar.patch</a> added</li><li><strong>File</strong> <a href="/attachments/22990">env-info-scrollbar@2x.png</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/22990/env-info-scrollbar@2x.png">env-info-scrollbar@2x.png</a> added</li><li><strong>Category</strong> changed from <i>Administration</i> to <i>UI - Responsive</i></li><li><strong>Assignee</strong> set to <i>Go MAEDA</i></li><li><strong>Target version</strong> set to <i>3.4.11</i></li></ul><p>The attached patch should be fine.</p>
<p><img src="https://www.redmine.org/attachments/download/22990/env-info-scrollbar@2x.png" srcset="https://www.redmine.org/attachments/download/22990/env-info-scrollbar@2x.png 2x" style="width: 320px;border: 1px solid #ccc;" alt="" /></p> Redmine - Defect #31311: admin/info page: text cut off in pre tag on mobilehttps://www.redmine.org/issues/31311?journal_id=916382019-05-08T21:59:51ZGo MAEDA
<ul><li><strong>Status</strong> changed from <i>New</i> to <i>Resolved</i></li><li><strong>Resolution</strong> set to <i>Fixed</i></li></ul><p>Committed the patch. Thank you for reporting this issue.</p> Redmine - Defect #31311: admin/info page: text cut off in pre tag on mobilehttps://www.redmine.org/issues/31311?journal_id=916392019-05-08T22:27:25ZGo MAEDA
<ul><li><strong>Status</strong> changed from <i>Resolved</i> to <i>Closed</i></li></ul>