Default font size too big - override it consistently across font size vs margins and paddings

Created on 25 January 2023, over 1 year ago

Problem/Motivation

Default gin font may be too big for use in more complex forms or busy, table, text intensive forms (e.g. views)

Steps to reproduce

anywhere

Proposed resolution

font size to be 0.8 of what it is now; It is possible to override in custom styles, however this breaks buttons, buttons margins, paddings, borders and has a knock-on effect all over the place.

At the moment - either we accept the standard font size - or we have to exercise bespoke css gymnastics to have coherent admin panels. reducing font size does not do it.

Remaining tasks

a) Maintainers to reduce the font size and pixel size all over the place
b) propose a solution to customise a font size config or a sass variable that would translate to all elements.

Alternatively -
c) - we propose separate patches for smaller fonts and community can pick and choose. But that's not going to be very pretty in a long run.

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Closed: works as designed

Component

Code

Created by

πŸ‡¬πŸ‡§United Kingdom masterperoo

Live updates comments and jobs are added and updated live.
  • CSS

    It involves the content or handling of Cascading Style Sheets.

Sign in to follow issues

Comments & Activities

  • Issue created by @masterperoo
  • πŸ‡¬πŸ‡§United Kingdom masterperoo
  • Status changed to Closed: works as designed over 1 year ago
  • πŸ‡¨πŸ‡­Switzerland saschaeggi Zurich

    tl;dr: I’m closing this as works as designed.

    At the moment - either we accept the standard font size - or we have to exercise bespoke css gymnastics to have coherent admin panels. reducing font size does not do it.

    You can have a look at your options in the documentation here β†’ .

    b) propose a solution to customise a font size config or a sass variable that would translate to all elements.

    We’re (currently) not planning in offering such a feature per se. But you can override the CSS3 font size variables which should do the trick (see also the point above about the documentation).

    Cheers

Production build 0.69.0 2024