Jump to content

Proposal: Better language translation UI

Recommended Posts

@ryan Right now the view that shows translation files "Setup > Languages > German" is not very intuitive and confuses users and translators, because they are confronted with cryptic names (Textdomains) instead of clear to read names.

How can we make it better?

Add clear to read labels like the module name from modules and the filename without the path from other files (.php).

The path information has to be more subtle, as it is not that important for most userschrome_2017-07-15_15-26-02.png.5f41e0e7a45a668722b35c54d2d81c83.png

Take a look at the first two entries compared to the lower two.

This can be done very quickly by adding some styles. Either flexbox or floats would do the job.

Here is what I did (just quick and dirty and not the best way)

Changed order of the file path to last.

Added CSS to InputfieldFileLanguageFilename description:

<span class="InputfieldFileLanguageFilename description" style="
    position: absolute;
    right: 0;
    padding-right: 10px;
    font-size: 13px;
    color: #ccc;

What you think of that?

  • Like 9

Share this post

Link to post
Share on other sites

Additionally using a modal to edit translations would be also handy ("Edit" button, "Bearbeiten" on the screenshots above). On closing the modal, the file list could be easily reloaded with triggering a reload event on the Inputfield. I'll probably add this to AOS if time allows. Update: added to v2.0.8

  • Like 4

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.

  • Create New...