Project

General

Profile

Actions

Defect #26568

closed

Multiple Selection List Filter View - items are cut off from view

Added by Oscar Santos over 6 years ago. Updated over 6 years ago.

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

0%

Estimated time:
Resolution:
Fixed
Affected version:

Description

Hello,

I have recently upgraded to the latest RM 3.4.2 and I had an issue reported to me where view filters are being cut off from being displayed when multiple select is enabled. This causes issues for my users as they can not distinguish between items they would like to select.

Please see screenshots below of single select (which is working normally) and multiple select of view filter options:

Single Select

Multiple Select

I attempted to make some adjustments to the application.css files within the stylesheet directories of both Redmine Root and of my custom theme stylesheet directory, but I am a Ruby on Rails novice at best; so could not make any headway here.

I was able to verify that on my prior Redmine 3.3.0 instance, this issue is not present. Additionally, the issue is present even when plugins are removed from current Redmine instance. Please advise.

Environment:

  Redmine version                3.4.2.stable
  Ruby version                   2.3.4-p301 (2017-03-30) [x86_64-linux]
  Rails version                  4.2.8
  Environment                    production
  Database adapter               Mysql2

SCM:

  Subversion                     1.9.5
  Git                            1.7.1                   

Redmine plugins:

  redmine_agile                  1.4.4
  redmine_checklists             3.1.6
  redmine_gitlab_hook            0.1.3
  redmine_landing_page           0.1.1
  redmine_status_history         1.0.0
  redmine_wiki_extensions        0.8.0

Files

Actions #1

Updated by Toshi MARUYAMA over 6 years ago

  • Description updated (diff)
Actions #2

Updated by Toshi MARUYAMA over 6 years ago

  • Category set to UI
  • Status changed from New to Confirmed
Actions #3

Updated by Toshi MARUYAMA over 6 years ago

  • Target version set to 3.4.3

It seems caused by r15603.
Workaround:

diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -479,7 +479,7 @@ fieldset#filters td.field { width:230px;
 fieldset#filters td.operator { width:130px; }
 fieldset#filters td.operator select {max-width:120px;}
 fieldset#filters td.values { white-space:nowrap; }
-fieldset#filters td.values select {min-width:130px; max-width:200px;}
+fieldset#filters td.values select {min-width:130px;}
 fieldset#filters td.values input {height:1em;}

 #filters-table {width:60%; float:left;}
Actions #4

Updated by Oscar Santos over 6 years ago

Removing "max-width:200px" at line 482 from application.css does nothing for me. Even raked DB and restarted web service. Any suggestions?

Actions #5

Updated by Marius BÄ‚LTEANU over 6 years ago

Oscar Santos wrote:

Removing "max-width:200px" at line 482 from application.css does nothing for me. Even raked DB and restarted web service. Any suggestions?

Did you clear your browser cache?

Actions #6

Updated by Oscar Santos over 6 years ago

Browser cache strikes again! Yeah that did it. Thanks. >_<

Actions #7

Updated by Jean-Philippe Lang over 6 years ago

  • Status changed from Confirmed to Closed
  • Assignee set to Jean-Philippe Lang
  • Resolution set to Fixed

Max width removed.

Actions

Also available in: Atom PDF