Claro's --font-size-xs is too small for me to use comfortably on my high-resolution screen. However, if I use the browser feature to zoom text, some other text becomes too large for me to use comfortably and, if I zoom enough times, it changes the layout. It would be good to allow users the option to always override --font-size-xs with --font-size-s. I recognize this can be used in user style sheets, however, Chrome and Edge do not support user style sheets, and I would prefer not to use browser plug-ins to accomplish this for security reasons.
Similarly, while I could zoom in, that affects all pages on the website, so would affect my view of our website pages, not just the administrative user interface, and also makes all content larger - including headings, which become excessively large.
Actually, some users may even find --font-size-s too small, so it would be good to be able to choose whatever the regular font size as the minimum size for all content. I don't understand the rationale for making instructions smaller, since if someone needs them it's important that they be able to understand them without barriers to comprehension such as having to make out tiny type.
1. Go to simplytest.me
2. In the field, type core
3. Choose Drupal core
4. Press the button to create the website
5. Login as admin
6. Go to /admin/structure/types/manage/page/fields/node.page.body
Desired result:
"Instructions to present to the user below this field on the editing form.
Allowed HTML tags: <a> <b> <big> <code> <del> <em> <i> <ins> <pre> <q> <small> <span> <strong> <sub> <sup> <tt> <ol> <ul> <li> <p> <br> <img>
This field supports tokens."
is the same size as "Required field", without making other content larger.
Current result:
"Instructions to present to the user below this field on the editing form.
Allowed HTML tags: <a> <b> <big> <code> <del> <em> <i> <ins> <pre> <q> <small> <span> <strong> <sub> <sup> <tt> <ol> <ul> <li> <p> <br> <img>
This field supports tokens."
is noticeably smaller than other content such as "Required field".
I don't have any examples of where --font-size-xxs is used, but if --font-size-xs causes me a problem then I expect --font-size-xxs certainly will. Shrinking text below the base size is generally problematic for me.
Add a preference for minimum size to the user page /user/[userNumber]/edit
| Comment | File | Size | Author |
|---|---|---|---|
| #11 | 3412439-11.patch | 1.61 KB | nayana_mvr |
| #11 | 3412439-test.gif | 2.04 MB | nayana_mvr |
Show commandsStart within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
changes
Comments
Comment #2
charles belovComment #3
charles belovComment #4
charles belovComment #7
gauravvvv commentedComment #8
smustgrave commentedNot sure what the MR is doing but doesn't match the proposed solution. Putting back to active because of that.
Comment #9
nayana_mvr commentedThe proposed solution says
But for which all text should that font size be applied? Is it like, if there are texts with font size below the specified font size in the user page, then those text should use the font size given in the user page?
Another apporoach I would propose is to create a checkbox in user page enabling which will use
--font-size-sin places where--font-size-xsand--font-size-xxsare currently used.Comment #10
charles belovActually it could be a drop-down for minimum admin UI font size:
Extra Extra Small (default)
Extra Small
Small
Unreduced
Comment #11
nayana_mvr commentedI just tried a mock up of how the form field will look like in the user profile.
This require more work as it will change all the font size of admin ui text based on the value selected in user profile.
Comment #12
charles belov@nayana_mvr That mock-up is exactly what I have in mind, thank you. I would be likely to use the Unreduced setting.
Comment #13
charles belovI'll note "Suggest the minimum font size for Admin UI." might be too small for some people to read if they haven't set it. Although I realize they can use browser zoom to read it, make the setting, then reset browser zoom to actual size once they've set it.