Project

General

Profile

Actions

Defect #25064

closed

Issue description edit link corrupted in low resolution

Added by Vasili Korol about 7 years ago. Updated almost 7 years ago.

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

0%

Estimated time:
Resolution:
Fixed
Affected version:

Description

When editing an issue in a low resolution (width < 900px), the "Edit" link loses it's icon and is truncated to "dit" (see image)

Environment:
  Redmine version                3.2.4.stable
  Ruby version                   2.0.0-p384 (2014-01-12) [x86_64-linux-gnu]
  Rails version                  4.2.7.1
  Environment                    production
  Database adapter               Mysql2
SCM:
  Subversion                     1.8.8
  Git                            1.9.1
  Filesystem                     
Redmine plugins:
  advanced_roadmap_v2            2.4.2


Files

Actions #1

Updated by Go MAEDA about 7 years ago

  • Category set to UI - Responsive

I confirmed the problem with Chrome 56.0.2924.87 (Mac).
No problem with Firefox or Safari.

Actions #2

Updated by Vasili Korol about 7 years ago

Indeed. I only see this in Chrome (56.0.2924.87), but not in Firefox (51.0.1). Both in Linux.
Safari 10 does not show the issue either (in iOS)

Actions #3

Updated by Mischa The Evil about 7 years ago

  • Status changed from New to Confirmed

Go MAEDA wrote:

I confirmed the problem with Chrome 56.0.2924.87 (Mac).
No problem with Firefox or Safari.

Vasili Korol wrote:

Indeed. I only see this in Chrome (56.0.2924.87), but not in Firefox (51.0.1). Both in Linux.
Safari 10 does not show the issue either (in iOS)

Based on these comments this issue is confirmed, setting status as such.

Actions #4

Updated by Felix Gliesche almost 7 years ago

The problem is the attribute:

word-wrap: break-word;

of the .box that wraps this form. This leads to a line break for the specified element.

I am attaching a patch that resets the word-wrap for this element for the mobile resolution.

Actions #5

Updated by Vasili Korol almost 7 years ago

Applying the styles from the patch above fixes the problem in Redmine 3.2.4 in Chrome 58.0.3029.110.

Actions #6

Updated by Go MAEDA almost 7 years ago

  • Target version set to 3.3.4

Thank you for posting the patch. The problem was fixed.

Setting target version to 3.3.4 (merging the patch to 3.2-stable branch requires manual merge).

Actions #7

Updated by Jean-Philippe Lang almost 7 years ago

  • Subject changed from Corrupt layout on the issue editing page in low resolution to Issue description edit link corrupted in low resolution
  • Status changed from Confirmed to Resolved
  • Assignee set to Jean-Philippe Lang
  • Resolution set to Fixed

Patch committed, thanks.

Actions #8

Updated by Sharique Sarwar almost 7 years ago

  • File GROUP FORMATION.docx added
Actions #9

Updated by Go MAEDA almost 7 years ago

  • File deleted (GROUP FORMATION.docx)
Actions #10

Updated by Jean-Philippe Lang almost 7 years ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF