?
Related to # 12014
avatar Chacapamac
Chacapamac
5 Jun 2016

• Steps to reproduce the issue

In multi-language situation the frontend flags (Language switcher) are not optimized for high resolution devices. As example the English (GB) look bad on mobile or high resolution device.

• Expected result

The flags should be at least 2 time the size and reduced to half in the frontend to look good on all devices.
They should also be reduced in the backend (Administration) to not appear to big.

Actual result

I personnally replace the original Joomla flags I used with bigger flags that I reduced by CSS, but the backend is way more difficult to style. I end-up with admin section with flag 2 time bigger. Don’t look to good but at least the frontal flags appear nice on all devices.

System information (as much as possible)

  • Joomla 3.5.1 and lower
  • Try in multiple browser

Additional comments

Not a big issue but not really Pro as everybody using Joomla on High def and mobile devices multilingual site see the problem

avatar Chacapamac Chacapamac - open - 5 Jun 2016
avatar brianteeman brianteeman - change - 5 Jun 2016
Category Layout Modules
avatar brianteeman
brianteeman - comment - 3 Aug 2016

@infograf768 where do we get the flags from? Maybe they have larger size available?


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/10734.

avatar dgt41
dgt41 - comment - 3 Aug 2016

@brianteeman I would suggest to replace the old gifs with these https://github.com/lipis/flag-icon-css

avatar infograf768
infograf768 - comment - 3 Aug 2016

We got them from various sources. Sometimes made them to size from larger ones found on the Net. Sometimes made them up totally (Tamil).

@Chacapamac

The solution for you is simple: do NOT delete the flags existing as anyway they are used in back-end.
If you want to use bigger flags (you have to make them) in frontend, make an override for the langswitcher module (mod_languages/default.php) in your template html folder. For example:
replace every occurence of
$language->image . '.gif' by
$language->image . '.png'

and add the new .png files in media/mod_languages/images/

avatar brianteeman
brianteeman - comment - 3 Aug 2016

Seems a good idea to me. If we can fix an issue in core then we shouldn't
tell people to make an overr

avatar andrepereiradasilva
andrepereiradasilva - comment - 3 Aug 2016

i don't know if the flags used by crowdin are free to use, but they are png and have a nice definition
if a decision to change the language flags to png is done, it seems a good start point...

avatar dgt41
dgt41 - comment - 3 Aug 2016

@brianteeman it can be done with no B/C break: https://css-tricks.com/svg-fallbacks/

@andrepereiradasilva good idea, but still svg is a better format (scalable)

avatar andrepereiradasilva
andrepereiradasilva - comment - 3 Aug 2016

you meand svg with fallback: svg > png > gif?
ie8 and some old browsers does not support svg right? http://caniuse.com/#feat=svg

avatar dgt41
dgt41 - comment - 3 Aug 2016

Yup! Use svg for good browsers and fall back to our gifs for IE8

avatar dgt41
dgt41 - comment - 3 Aug 2016

I've already started some work on this but there are too many files that need to be renamed and that's a boring process. Some day, with no actual work, I will finish this. I guess I can publish the branch if someone wants to do the remapping...

avatar brianteeman
brianteeman - comment - 3 Aug 2016

go for it

avatar Chacapamac
Chacapamac - comment - 3 Aug 2016

For the flags, I will start with vector (Adobe Illustrator) Files
Not sure of the copyright of these set of 6 files for a total of 287 flags (Seem REALLY Precise…)
Find here —> http://all-free-download.com/free-vector/download/various-of-world-flags-vector-set_525993.html
Author —> http://freedesignfile.com/29665-various-of-world-flags-vector-set-04/
File Source —> http://www.zcool.com.cn

License: Creative Commons (Attribution 3.0)

Not sure if usable,

I saw good set to sale ($10) where I get my photos (License only restriction “Not for Resale Item”)

avatar dgt41
dgt41 - comment - 3 Aug 2016

@Chacapamac svgs ARE vector and from https://github.com/lipis/flag-icon-css the license is ok to use in joomla

avatar brianteeman brianteeman - change - 7 Aug 2016
Status New Confirmed
avatar mbabker
mbabker - comment - 25 May 2017

IIRC the flags are being revisited in 4.0 (and I think there's either an issue or PR somewhere for that), at this point I don't think we're going to change them in 3.x.

avatar joomla-cms-bot joomla-cms-bot - change - 25 May 2017
The description was changed
avatar joomla-cms-bot joomla-cms-bot - edited - 25 May 2017
avatar franz-wohlkoenig franz-wohlkoenig - change - 25 May 2017
Status Confirmed Discussion
avatar Bakual
Bakual - comment - 25 May 2017

Some discussion is here: #12014

avatar joomla-cms-bot joomla-cms-bot - change - 25 May 2017
The description was changed
avatar joomla-cms-bot joomla-cms-bot - edited - 25 May 2017
avatar franz-wohlkoenig franz-wohlkoenig - change - 25 May 2017
The description was changed
Rel_Number 0 12014
Relation Type Related to
avatar C-Lodder
C-Lodder - comment - 6 Dec 2017

Some of the SVG's for these flags are huge. IIR, one of them was about 480kb

avatar brianteeman
brianteeman - comment - 25 Mar 2018

Closing here as @mbabker stated they are not going to be changed for 3.x and we have an issue for 4.x #12014

avatar brianteeman brianteeman - close - 25 Mar 2018
avatar brianteeman brianteeman - change - 25 Mar 2018
Status Discussion Closed
Closed_Date 0000-00-00 00:00:00 2018-03-25 10:16:02
Closed_By brianteeman
avatar Chuda515
Chuda515 - comment - 27 Jun 2021

Can PSD File be Supported..


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/10734.

Add a Comment

Login with GitHub to post a comment