• Resolved SomniumLucidus

    (@somniumlucidus)


    I’m using Flatty and liking it quite a lot, but… I’ve noticed that its CSS modifies the text on the backend. Some text becomes a tad too small, and sometimes links are shown in a very light grey color.
    I’m implementing Flatty because I want a clean, user-friendly interface for my website, since it will have a bunch of users switching from frontend to backend and vice versa, so I’m concerned that this text may not be easy to read.

    I’ve tried overriding the CSS styles in order to improve the readability, with no luck.
    Can anything be done regarding readability?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter SomniumLucidus

    (@somniumlucidus)

    The light links may be fixed by just changing this opacity value:

    .wp-list-table thead,
    .wp-list-table tfoot {
        opacity: 0.3;
    }

    To:

    .wp-list-table thead,
    .wp-list-table tfoot {
        opacity: 0.5;
    }

    …But I can’t override this value, not even using !important.

    Plugin Author Michele Marri

    (@michelemarri)

    hi somniumlucidus!
    can u provide me a screenshot with the text u think is too light?
    Thanks in advance

    Mike

    Thread Starter SomniumLucidus

    (@somniumlucidus)

    Sure. Here you are:
    Screen capture

    The red arrow points to the help tab with small text, and the orange arrow points to the barely readable text.
    I kind of like the latter, but I use WordPress a lot and I expect text to be there. Unknowing users will probably pass it by.

    Plugin Author Michele Marri

    (@michelemarri)

    hi SomniumLucidus! thanks for the explanation,

    ORANGE ARROW -> the table’s heads and foots are low on opacity to help maintain clear focus on content. If u hover with the mouse on that text that will return to default opacity.

    Why that header is so important to you?

    RED ARROW -> i resized the “screen options label” because i think that we (people that use wordpress a lot) know what it means… that’s not a function that we use every day.

    I was thinking to replace it with an icon. xD

    Thread Starter SomniumLucidus

    (@somniumlucidus)

    Why that header is so important to you?

    Just because rookie users should be able to see it.
    I’m a visual communication designer and my screen is a calibrated monitor; this implies that I know that text is there because of previous experience with WordPress and because I can see it.
    But think about people who is new to WordPress and whose screen is that of a laptop: will they notice that the header and footer table text is there? I’m not so sure (I have stories to tell about clients not being able to see obvious stuff onscreen — stuff I had intentionally made obvious to see, I mean! 8-o ).

    Regarding the “screen options” & “help” labels, I don’t have that much gripes about them, so I don’t mind much if they stay that way.

    Just to mention one more thing I noticed that might cause a styling bug: Flatty modifies some button labels and makes their text bigger. When these big buttons are inside tight boxes (like the login box, for example) and their label is rather long, their left or right borders may be cut off by the boundaries of the box.
    But this may or may not happen depending on the language WordPress is using.

    I’m thinking that an option to override Flatty’s general styles may be useful. Like the CSS customizer the login screen has. That way, users could tweak Flatty’s styles to their heart’s content, without compromising the original looks of the plugin.
    What do you think?

    Plugin Author Michele Marri

    (@michelemarri)

    Hi somniumlucidus!

    Thanks for your feedbacks.

    “Flatty 2” is coming very soon ??

    Thread Starter SomniumLucidus

    (@somniumlucidus)

    Yay! ??

    I’m marking this thread as resolved, so it doesn’t look like a thread about an unsolved bug. ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Admin type too small and sometimes too light’ is closed to new replies.