Success

User tests: Successful: Unsuccessful:

avatar ciar4n
ciar4n
23 Oct 2016

Pull Request for Issue #12500 .

Summary of Changes

Removes sprite image from dropdown on retina displays.

Testing Instructions

Navigate to article edit. If using a Retina display you should see triple icons on dropdown selects which is incorrect. If not on a retina display, zoom in a few notches on your browser to replicate the issue.

Before Patch
retina1

After Patch
retina2

Documentation Changes Required

None

avatar ciar4n ciar4n - open - 23 Oct 2016
avatar ciar4n ciar4n - change - 23 Oct 2016
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 23 Oct 2016
Labels Added: ?
avatar ciar4n ciar4n - edited - 23 Oct 2016
avatar ciar4n ciar4n - change - 23 Oct 2016
Title
Remove retina 2x sprite
Isis Retina - Dropdown icons fix
avatar dgt41
dgt41 - comment - 23 Oct 2016

@ciar4n nice!
Tested successfully but can't set the result in tracker

BTW I was screaming to use an override for chosen.css but everybody was against it...

avatar zero-24
zero-24 - comment - 23 Oct 2016

@dgt41 what is wrong in the tracker?

avatar PhilETaylor
PhilETaylor - comment - 23 Oct 2016

Missing commit SHA?
screen shot 2016-10-23 at 16 33 36

avatar PhilETaylor
PhilETaylor - comment - 23 Oct 2016

I have tested this and it worked...

screen shot 2016-10-23 at 16 31 11

avatar zero-24
zero-24 - comment - 23 Oct 2016

@mbabker can you take a look into the commit aha thing?

avatar mbabker mbabker - alter_testresult - 23 Oct 2016 - PhilETaylor: Tested successfully
avatar mbabker
mbabker - comment - 23 Oct 2016

I can't say I like this fix but if it fixes it then whatever.

Tracker's fixed.

avatar dgt41 dgt41 - test_item - 23 Oct 2016 - Tested successfully
avatar dgt41
dgt41 - comment - 23 Oct 2016

I have tested this item successfully on 3186e0b


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

avatar dgt41 dgt41 - change - 23 Oct 2016
Status Pending Ready to Commit
avatar dgt41
dgt41 - comment - 23 Oct 2016

RTC then

avatar joomla-cms-bot joomla-cms-bot - change - 23 Oct 2016
Labels Added: ?
avatar dgt41
dgt41 - comment - 23 Oct 2016

Actually this is kinda wrong as we remove retina support from default chosen.css. I still think that an override is the right approach here!

avatar PhilETaylor PhilETaylor - test_item - 23 Oct 2016 - Tested successfully
avatar PhilETaylor
PhilETaylor - comment - 23 Oct 2016

Do we have retina support everywhere else though?

avatar dgt41
dgt41 - comment - 23 Oct 2016

@PhilETaylor this is a file from an external repo, we shouldn't mess with it in such way. Override is a clean approach

avatar PhilETaylor
PhilETaylor - comment - 23 Oct 2016

ah ok

avatar ciar4n
ciar4n - comment - 23 Oct 2016

These fields now use an icon font set which removes the need for a 2x image as the icons are now fully scalable.

@dgt41 I could override this CSS (instead of removing) in the template.css but that is just doubling up on un-needed CSS?

@mbabker Is your concern about the clarity on retina displays? This is no longer an issue with the font icons.

avatar dgt41
dgt41 - comment - 23 Oct 2016

Also the file was already created and at some point it was decided to not include an override...
the file is here: https://github.com/joomla/joomla-cms/blob/381105ff2467abc3bddf77e7a2752d737c46f96f/administrator/templates/isis/css/jui/chosen.css

avatar ciar4n
ciar4n - comment - 23 Oct 2016

@dgt41 The chosen.css is now overridden within the Isis template.css rather than creating a separate chosen.css for the template. This was to allow for an easier upgrade of the chosen.css if needs be in the future.

avatar ciar4n
ciar4n - comment - 23 Oct 2016

@PhilETaylor Yes. As all chosen icons are now font based ensuring retina support and removes the need for 2x sprites.

avatar mbabker
mbabker - comment - 23 Oct 2016

@mbabker Is your concern about the clarity on retina displays? This is no longer an issue with the font icons.

At first glance it just seems like we're removing retina support. Admittedly my eyes aren't good enough to know what on earth the difference is for retina versus non-retina so it may be a non-issue.

avatar dgt41
dgt41 - comment - 23 Oct 2016

@ciar4n just to clarify my point here:
you've been asked to do the override inside the template.css and you delivered that, I am not blaming you here. All I am pointing is that, that decision was wrong since we end up with bug and finally with the removal of the retina support for anyone that doesn't override the default chosen.css

avatar ciar4n
ciar4n - comment - 23 Oct 2016

A little explanation for those that are wondering..

3.6.x
Select fields (chosen.css) used an image for it's icons. As retina displays have a higher pixel density, a second larger image was required to avoid the icon looking pixelated compared to other vector based elements (text, divs etc) on the screen. This is the CSS that has been removed with this PR.

3.7.x
Select fields now use a font set for it's icons since #11832. As the icons are now vector based, they will resize without any loss of quality. There is no longer a need to define a different icon for each screen size. The reason this issue presented a number of icons was both the font based (retina ready) and the image based (retina ready) icon was loading. This PR removes the image based icon.

Conclusion
Basically the bottom line is these fields still completely supports retina displays, in fact more so than previously as higher resolution/density displays become available.

@dgt41 It is true that this CSS will also have to be removed from any further updates to chosen.css. Something that may be forgotten in the future. Guess we'll have to cross that hurdle when we get to it! :)

avatar rdeutz rdeutz - change - 25 Oct 2016
Status Ready to Commit Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2016-10-25 17:48:01
Closed_By rdeutz
avatar rdeutz rdeutz - close - 25 Oct 2016
avatar rdeutz rdeutz - merge - 25 Oct 2016
avatar joomla-cms-bot joomla-cms-bot - close - 25 Oct 2016
avatar zero-24 zero-24 - close - 25 Oct 2016
avatar rdeutz rdeutz - reference | 6d43e3a - 25 Oct 16
avatar rdeutz rdeutz - merge - 25 Oct 2016
avatar rdeutz rdeutz - close - 25 Oct 2016
avatar brianteeman
brianteeman - comment - 25 Oct 2016

@dgt41 please clear your browser cache

avatar joomla-cms-bot joomla-cms-bot - change - 25 Oct 2016
Labels Removed: ?
avatar dgt41
dgt41 - comment - 25 Oct 2016
avatar brianteeman
brianteeman - comment - 25 Oct 2016

No idea why that message just came through. I wasn't even online 3hours ago

avatar PhilETaylor
PhilETaylor - comment - 25 Oct 2016

masses of @brianteeman emails came through to GH in one sweep about 3 hours ago - seems a GH issue

avatar brianteeman
brianteeman - comment - 25 Oct 2016

Weird

avatar mbabker
mbabker - comment - 25 Oct 2016

GitHub's email handler was on the fritz. Stuff I responded by email to
last week wasn't working and those messages showed up today.

On Tuesday, October 25, 2016, Brian Teeman notifications@github.com wrote:

Weird


You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#12528 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAWfoW1ZTwNxLlV7rKfVBLsDw7x9VK_xks5q3nV3gaJpZM4KeKMt
.

avatar wilsonge wilsonge - reference | 27c090e - 29 Oct 16
avatar andrepereiradasilva
andrepereiradasilva - comment - 2 Nov 2016

mantainers please add 3.7.0 label here

avatar demis-palma
demis-palma - comment - 6 Jun 2017

@ciar4n

Guess we'll have to cross that hurdle when we get to it!

The time has come. ? I have a regression due to a fix overwrite. See #16552 and kindly confirm.

PS: @dgt41 was terribly right.

avatar demis-palma
demis-palma - comment - 6 Jun 2017

@ciar4n

Select fields now use a font set for it's icons since

  1. Why the file media/jui/css/chosen-sprite@2x.png is still there?
  2. And since it contains the same icons as chosen-sprite.png why this one is still there as well?
  3. And why media/jui/css/chosen.css still contains a lot of references to 'chosen-sprite.png'?
avatar zero-24
zero-24 - comment - 7 Jun 2017

@demis-palma can you do a new issue with that questions? Else this would get lost fast ;)

avatar demis-palma
demis-palma - comment - 7 Jun 2017

It's actually not an issue, a the moment it's a genuine question. I guess that there is a reason behind that, but I still don't understand what it is.

avatar ciar4n
ciar4n - comment - 7 Jun 2017

@demis-palma

If I remember correctly media/jui/css/chosen.css is untouched and is instead overridden by the template CSS where needed. So reference to the chosen-sprite is overridden by the template which replaces the sprite with a font set. Discussion on this can be found here... #11832 (comment)

Add a Comment

Login with GitHub to post a comment