Project

General

Profile

Actions

Feature #2499

closed

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

Added by Yaroslav Klyuev almost 16 years ago. Updated about 1 month ago.

Status:
Closed
Priority:
Normal
Assignee:
Category:
UI
Target version:
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

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 #1

Updated by Jens Peter over 9 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 #2

Updated by Jens Peter over 9 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 #3

Updated by Go MAEDA about 1 month ago

  • Assignee set to Go MAEDA
Actions #4

Updated by Go MAEDA about 1 month 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 #5

Updated by Go MAEDA about 1 month ago

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

Updated by Marius BĂLTEANU about 1 month ago

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

Updated by Go MAEDA about 1 month 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 #8

Updated by Go MAEDA about 1 month 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

Also available in: Atom PDF