prestoav

Language Support - Tab Text Colours - Improvement Suggestion

Recommended Posts

Hi all,

I've had a request from a client (that I built a multi language PW site for) to change the text colours in the language tabs when they are not completed. Essentially they were having difficulty detecting which languages had content and which didn't when scanning the page in admin.

Now I know this means changing Admin template files which I hate doing but the client was insistent.

Looking through I found this in the module CSS and changed the colour for empty content to red thus:

wire/modules/LanguageSupport/LanguageTabs.css - line 61

.langTabEmpty a {
    opacity: 0.7;
    font-weight: normal !important;
    color: #ff0000 !important; /* I changed the colour here */
}

Now we get this when editing, the red indicating no translated text has been added:

1494845791_Screenshot2018-07-3114_31_11.png.b3b0814623b0ab5373a19ea1d8fb1b44.png

I think is a better UX. However, when adding alt text to images in an image field the same CSS colour change doesn't apply. Looking at the CSS the .langTabEmpty class isn't added to these tabs on the image field.

1962494388_Screenshot2018-07-3114_36_52.thumb.png.a17b6f220a31e4d65cb18c323425f56f.png

Could this be considered as an improvement at next module upgrade time please?

Thanks as always!

  • Like 8

Share this post


Link to post
Share on other sites

Since this is a feature / change request involving a core module I'm moving this thread to the "Wishlist & Roadmap" forum section.

Share this post


Link to post
Share on other sites
On 7/31/2018 at 6:35 AM, prestoav said:

Now I know this means changing Admin template files which I hate doing but the client was insistent.

Have you tried using AdminOnSteroids or AdminCustomFiles to add the CSS without needing to module the core module file?

Share this post


Link to post
Share on other sites

@prestoav what netcarver suggested, please open a github issue because the .langTabEmpty class is missing from image description list items which makes it impossible to style the way you need.

  • Like 1

Share this post


Link to post
Share on other sites

I just added a request this morning - such a handy feature.

  • Like 3

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.