Feature #41906: Enhance font consistency by inheriting font-family in input and select elements - Redmine

Actions

Copy link

Feature #41906

open

Enhance font consistency by inheriting font-family in input and select elements

Added by pasquale [:dedalus] 21 days ago. Updated 18 days ago.

Status:

New

Priority:

Normal

Assignee:

Category:

Target version:

Start date:

Due date:

% Done:

Estimated time:

Resolution:

Description

After Feature #41321: Improve readability by refining font sizes and switching to Noto Sans font, the font was changed to enhance the readability, but when the user enable Edit mode the text change in a different and small font. I think that the font used should be the same in both case when the user read and when the user write

Files

Download all files

clipboard-202411300934-5rcsn.png (44.5 KB) clipboard-202411300934-5rcsn.png	issue-in-action	pasquale [:dedalus], 2024-11-30 09:34
clipboard-202412010902-cdpwd.png (143 KB) clipboard-202412010902-cdpwd.png	before-patch	pasquale [:dedalus], 2024-12-01 09:02
clipboard-202412010903-uuavl.png (144 KB) clipboard-202412010903-uuavl.png	after-patch	pasquale [:dedalus], 2024-12-01 09:03

Actions

Copy link

Updated by pasquale [:dedalus] 21 days ago

File clipboard-202411300934-5rcsn.png clipboard-202411300934-5rcsn.png added

issue-in-action

Actions

Copy link

Updated by Go MAEDA 20 days ago

Subject changed from Font used in read mode vs font used in edit mode to Enhance font consistency by inheriting font-family in input and select elements

The following patch applies the font-family and font-size defined in application.css to the input and select elements.

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 1c9595172..b0566dca1 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -50,6 +50,7 @@ h2 {font-size: 1.25rem;}
 h3 {font-size: 1.0625rem;}
 h4 {font-size: 0.875rem; border-bottom: 1px solid #ccc; font-weight:normal;}
 pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
+input, select {font-family: inherit; font-size: inherit;}
 .wiki h1 {font-size: 1.6em;}
 .wiki h2 {font-size: 1.4em;}
 .wiki h3 {font-size: 1.2em;}

Actions

Copy link

Updated by pasquale [:dedalus] 20 days ago

File clipboard-202412010902-cdpwd.png clipboard-202412010902-cdpwd.png added
File clipboard-202412010903-uuavl.png clipboard-202412010903-uuavl.png added

Hi Go MAEDA, I have tested your patch. Thanks!
It works for Start-date, Due-date and Estimated-time, Subject but not for others custom field and native fields as Priority, Status, Assignee etc.
In other words it works for simple text but not works for text displayed in combobox\listbox etc

Before
before-patch