Theming Updates

Unknown
Unknown
in Product

This thread is for any announcements regarding updates to styles that might affect multiple clients.

Comments

  • Unknown
    Unknown
    edited July 2017

    The Vanilla base styles is going to get a small update. The update is to allow for "outlines" around focussed elements. For example:

    Note that the style is browser specific. It'll look a little different in IE and it does in FireFox, Chrome etc.

    Having an outline is important for accessibility. It allows you to know which element you're on when you're "tabbing" through a site.

    Most clients are likely not going to care, or are going to be glad we've improved accessibility. However, some clients more focussed on aesthetics might want them gone. Bigger clients can request for a fix in their theme. It's an easy fix.

    Lower tier clients can do it themselves by adding the following style in a pocket or in their theme:

    :focus { outline: 0; }

    They can also write more specific selectors by adding that focus to a class or ID. For example:

    #someElement .someOtherElement:focus { outline: 0; }

    Pro Tip:

    For testing, you can artificially set the state of an element in your dev tools:

  • Unknown
    Unknown

    Here is a question that came up recently that it would be nice to have a blurb for CSMs to understand as well as to better explain reasoning to the clients:

    "What are the drawbacks to embedding my forum (with a custom theme)?"

  • Unknown
    Unknown
    • Bad for SEO
    • Makes SSO harder to set up
    • Slower load times
    • We only have one old (non responsive) theme specifically made for embedding

    @Linc anything else you want to add here?

Categories