Project

General

Profile

Actions
Copy link

Feature #2499

closed

Change CSS font-size units from px to rem to respect browser font settings

Added by Yaroslav Klyuev over 16 years ago. Updated 10 months ago.

Status:
Closed
Priority:
Normal
Assignee:
Go MAEDA
Category:
UI
Target version:
6.0.0
Start date:
2009-01-13
Due date:
% Done:

0%

Estimated time:
Resolution:
Fixed

Description

How about setting font-sizes in em and relative sizes?
1em for main text and in percents for others.
(I mean as default config of redmine)

Files

Download all files
textarea--relative_font_sizes.patch (538 Bytes) textarea--relative_font_sizes.patch Scale textareas and input fields with font size Jens Peter, 2015-02-25 10:01
2499.patch (6.59 KB) 2499.patch Go MAEDA, 2024-09-25 08:54
clipboard-202409251557-ebdk3.png (173 KB) clipboard-202409251557-ebdk3.png Go MAEDA, 2024-09-25 08:57
clipboard-202409251602-juglb.png (401 KB) clipboard-202409251602-juglb.png Go MAEDA, 2024-09-25 09:02
clipboard-202409251610-qshnb.png (366 KB) clipboard-202409251610-qshnb.png Go MAEDA, 2024-09-25 09:10

Related issues

Related to Redmine - Feature #28595: Please remove font definition from the body element.Needs feedback

Actions
Actions
Copy link
 #1

Updated by Jens Peter over 10 years ago

I second this. Using absolute font sizes inhibits an effective use of zoom and browser settings for standard text sizes.

This would be very helpful for using redmine in meetings/presentations where sometimes people sit far from the screen.

Actions
Copy link
 #2

Updated by Jens Peter over 10 years ago

I found out the most notable hindering comes from the fact that textareas and input fields don't scale because they don't inherit from body. See the attached patch for a possible solution.

Otherwise it's a pretty simple search and replace for font-size elements.

Actions
Copy link
 #3

Updated by Go MAEDA 10 months ago

  • Assignee set to Go MAEDA
Actions
Copy link
 #4

Updated by Go MAEDA 10 months ago

The attached patch changes the units for font-size from px to rem, ensuring that font sizes scale appropriately based on user-defined browser settings.

Currently, the use of absolute pixel (px) units for font sizes prevents users from adjusting text size effectively through their browser settings.

By switching to rem units, font sizes will scale properly according to the user’s browser font settings, enhancing accessibility.

Set the browser's font size to "Very large":

Currently, the font size of built-in UI components such as dropdowns respects the browser's font size setting, but the font size of most text remains the same:

After applying the patch, everything are scaled according to the browser's setting:

Actions
Copy link
 #5

Updated by Go MAEDA 10 months ago

  • Related to Feature #28595: Please remove font definition from the body element. added
Actions
Copy link
 #6

Updated by Marius BĂLTEANU 10 months ago

  • Target version changed from Candidate for next major release to 6.0.0
Actions
Copy link
 #7

Updated by Go MAEDA 10 months ago

  • Subject changed from CSS font sizes in em and relative to Change font-size units from px to rem to respect browser font settings
  • Status changed from New to Closed
  • Resolution set to Fixed

Committed the patch in r23082.

The units of the font-size property have been converted from absolute px to relative rem.

Actions
Copy link
 #8

Updated by Go MAEDA 10 months ago

  • Subject changed from Change font-size units from px to rem to respect browser font settings to Change CSS font-size units from px to rem to respect browser font settings
Actions
Copy link

Also available in: Atom PDF