Post Footer Translate Button

[Mike]

Oh nooo... this would be around 230 languages! It is good in the way it is.

[glennrocksvb]

I've added the CSS code in the first post for easy reference.

[Mike]

Her is an example with some selcted languages

/* Translate - START */

.postfooter_translate-container select option:not([value=auto], [value=en], [value=de], [value=fr], [value=nl], [value=pl], [value=tr], [value=da], [value=es]


) {
    display: none;
}

/* Translate - END */​

[zomboo]

I like to colorize the button-text and do that by adding some html to the Phrase (Phrase Manager). But, that made the translate button not work anymore. Therefore I made two changes.

Template: hook_postfooter_translate_click
change

{vb:phrase postfooter_translate_translate}

into

{vb:phrase postfooter_translate_translate_text}

add a New Phrase:
var = postfooter_translate_translate_text
text = Translate

--> update style & language cache (see readme.txt)

[glennrocksvb]

zomboo, revert the changes in the template by clicking the Revert button and delete the new phrase you added.

Then add this custom CSS in css_additional.css template to customize the "Translate" text label:

.js-post-control__translate .b-post-control__label {
    color: green;
    font-weight: bold;
}

Update/add CSS properties to style the text as needed.

If you also need to change the hover color, then add this:

.js-post-control__translate .b-post-control__label:hover {
    color: blue;
}

[zomboo]

Thanks for the code. I should have thought of that, css is better.
My mind is still in the vb4 era where we had a lot of mods.

[Mike]

I have upgraded to VB 6.1.1.

This mod is working fine with this version.