Usability Issues: UI based on colors about jedchecker HOT 3 CLOSED

Yes, I think this will be a good choice.

from jedchecker.

The problem is that Joomla4 is shipped with FontAwesome 5, so that we can use its icons easily, but for Joomla3 we need to either include FontAwesome into the package, or use another set of icons for both Joomla 3 and 4 (in the latter case, we could display icons as data-uri-encoded svg in the backgound-image CSS property).

And know "standard" icons for Error/Warning/Info level, but I'm not sure which one to use for Deprecated level. Do you have ideas?

Maybe the easiest solution is to just add a "badge" text on top of existing blocks, e.g.

or

that were done with the following CSS snippet:

#jedchecker .alert-warning::before {
    content: "WARNING";
    font-size: .75rem;
    line-height: 1.2;
    padding: 0 .2rem;
    border-radius: .2rem;
    background-color: #664808;
    color: #fff0d0;
    position: absolute;

    /* Ver.1 */
    /*
    top: .1rem;
    left: .1rem;
    opacity: 0.75;
    */

    /* Ver.2 */
    top: -0.5rem;
    left: .5rem;
}

from jedchecker.

The second option will be okay, should just be a little larger.

from jedchecker.