Project

General

Profile

Actions

Defect #41234

closed

Forum message's subject field overflows beyond container

Added by Katsuya HIDAKA 4 months ago. Updated 3 months ago.

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

0%

Estimated time:
Resolution:
Fixed
Affected version:

Description

At least in Redmine v5.1 and trunk, the width of the message subject field overflows its container.

This patch fixes this issue by setting max-width for the message subject field.

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 409ea2e21..630e258b4 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -410,6 +410,7 @@ a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat:
 table.boards td.last-message {text-align:left;font-size:80%;}

 div.table-list.boards .table-list-cell.name {width: 30%;}
+#message_subject { max-width: 99%; }

 #query_form_content {font-size:90%;}
 #query_form_with_buttons > p.contextual {font-size:12px; margin:12px 0px;}

Here are the results after the fix.

I have tested the following:
  • Does not affect the layout of the message subject field in other message forms (see screenshot below)
  • Tested with Chrome and Firefox

New/Edit message form after the fix

Edit reply message form after the fix

Responsive layout after the fix


Files

before-reply-form.png (84.6 KB) before-reply-form.png Katsuya HIDAKA, 2024-09-09 18:06
after-reply-form.png (104 KB) after-reply-form.png Katsuya HIDAKA, 2024-09-09 18:08
0001-Fixes-the-width-of-the-message-subject-field.patch (907 Bytes) 0001-Fixes-the-width-of-the-message-subject-field.patch Katsuya HIDAKA, 2024-09-09 18:09
after-edit-topic.png (43.5 KB) after-edit-topic.png Katsuya HIDAKA, 2024-09-09 18:22
after-edit-message.png (39.8 KB) after-edit-message.png Katsuya HIDAKA, 2024-09-09 18:23
after-reply-mobile.png (62.8 KB) after-reply-mobile.png Katsuya HIDAKA, 2024-09-09 18:31
Actions #1

Updated by Go MAEDA 4 months ago

  • Tracker changed from Patch to Defect
  • Category changed from UI to Forums
  • Status changed from New to Confirmed
  • Target version set to 6.0.0
Actions #2

Updated by Go MAEDA 4 months ago

  • Subject changed from Set max-width for the message subject field to Forum message’s subject field overflows beyond container
  • Status changed from Confirmed to Resolved
  • Assignee set to Go MAEDA
  • Target version changed from 6.0.0 to 5.0.10
  • Resolution set to Fixed

Committed the fix in r23053. Thank you for your contribution.

Actions #3

Updated by Go MAEDA 4 months ago

  • Subject changed from Forum message’s subject field overflows beyond container to Forum message's subject field overflows beyond container
Actions #4

Updated by Go MAEDA 3 months ago

  • Status changed from Resolved to Closed
  • Target version changed from 5.0.10 to 6.0.0
Actions

Also available in: Atom PDF