? ? Pending

User tests: Successful: Unsuccessful:

avatar N6REJ
N6REJ
28 Jan 2020

Pull Request for Issue #27333

Summary of Changes

change icon- classes to be consistent with using fontawesome 5 classes. ( part 1 )

Testing Instructions

apply pr
run npm ci
edit an article. you will see all the icons in the toolbar.
verify that icons have changed properly and none are missing.

Expected result

Icons are same as before the pr.

Documentation Changes Required

none

Votes

# of Users Experiencing Issue
1/1
Average Importance Score
4.00

avatar N6REJ N6REJ - open - 28 Jan 2020
avatar N6REJ N6REJ - change - 28 Jan 2020
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 28 Jan 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End Templates (site)
avatar N6REJ N6REJ - change - 28 Jan 2020
Title
[4.0] [DRAFT] Convert icon-new to fa-plus
[4.0] [DRAFT] Convert icon- to fa-
avatar N6REJ N6REJ - edited - 28 Jan 2020
avatar N6REJ N6REJ - change - 28 Jan 2020
The description was changed
avatar N6REJ N6REJ - edited - 28 Jan 2020
avatar brianteeman
brianteeman - comment - 28 Jan 2020

are you planning to convert all the instances of icon- ??

seems a waste of effort to do this as the icon that is rendered is the fontawesome icon

avatar Quy
Quy - comment - 28 Jan 2020

Yes, please read the following comment: #27333 (comment)

avatar N6REJ N6REJ - change - 29 Jan 2020
Labels Added: ?
avatar N6REJ
N6REJ - comment - 29 Jan 2020

are you planning to convert all the instances of icon- ??

seems a waste of effort to do this as the icon that is rendered is the fontawesome icon

because of things like this I'm not sure it's entirely realistic to try to change all in a single pr.. "icon-new" is a great example of the problem.
image

avatar N6REJ
N6REJ - comment - 29 Jan 2020

@Quy I think we need to wait for #27657 to get merged before moving forward so we are not chasing our tail

avatar N6REJ N6REJ - change - 29 Jan 2020
Title
[4.0] [DRAFT] Convert icon- to fa-
[4.0] [DRAFT] Convert icon- in toolbar to fa-
avatar N6REJ N6REJ - edited - 29 Jan 2020
avatar C-Lodder
C-Lodder - comment - 29 Jan 2020

seems a waste of effort to do this as the icon that is rendered is the fontawesome icon

@brianteeman The icon-* mappings were there for extension developers to maintain B/C. Ideally they should be made deprecated in 4.0 and removed in 5.0. So moving core to the FA classes would be best done now rather than later.

Of course, the deprecation for icon-* is just my opinion. If it were up to me, those mappings wouldn't even be there.

avatar N6REJ
N6REJ - comment - 29 Jan 2020

seems a waste of effort to do this as the icon that is rendered is the fontawesome icon

@brianteeman The icon-* mappings were there for extension developers to maintain B/C. Ideally they should be made deprecated in 4.0 and removed in 5.0. So moving core to the FA classes would be best done now rather than later.

Of course, the deprecation for icon-* is just my opinion. If it were up to me, those mappings wouldn't even be there.

I checked with @wilsonge and can confirm they will be gone in J! 5

avatar brianteeman
brianteeman - comment - 29 Jan 2020

so just mark them as deprecated and get on with something more useful. it really is just renaming for the sake of renaming

avatar N6REJ
N6REJ - comment - 29 Jan 2020

so just mark them as deprecated and get on with something more useful. it really is just renaming for the sake of renaming

so, your suggestion is to mark them deprecated but NOT fix them?
Is that truly constructive?.

avatar joomla-cms-bot joomla-cms-bot - change - 29 Jan 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End Templates (site) Administration com_categories com_contact com_content com_contenthistory com_media com_menus com_newsfeeds Front End Templates (site)
avatar brianteeman
brianteeman - comment - 29 Jan 2020

They're not brokwn

avatar N6REJ
N6REJ - comment - 29 Jan 2020

right, but only because we've bastardized fontawesome & when we do remove them in 5 all this work will need to be done.

avatar brianteeman
brianteeman - comment - 29 Jan 2020

Where have we done that?

avatar N6REJ
N6REJ - comment - 29 Jan 2020

image
you'll see here we've added icon-options to fontawesome

avatar N6REJ
N6REJ - comment - 29 Jan 2020

thats just one example

avatar brianteeman
brianteeman - comment - 29 Jan 2020

That is what is generated by the scss - nothing wrong there at all - it is exactly what you are supposed to do.

As @C-Lodder said before it is there for backwards compatibility so that developers do not have to change all their icons if they dont want to.

avatar N6REJ
N6REJ - comment - 29 Jan 2020

no, that is vendor file. It should be sacrosanct and what icomoon map is for. Then that is compiled into template.css

avatar joomla-cms-bot joomla-cms-bot - change - 29 Jan 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End Templates (site) com_contenthistory com_media Administration com_categories com_contact com_content com_contenthistory com_media com_menus com_newsfeeds Front End Libraries Templates (site)
avatar joomla-cms-bot joomla-cms-bot - change - 29 Jan 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End Templates (site) com_contenthistory com_media Libraries Administration com_categories com_contact com_content com_contenthistory com_media com_menus com_newsfeeds com_postinstall com_templates Front End Libraries Templates (site)
avatar brianteeman
brianteeman - comment - 29 Jan 2020

It is not a vendor file.

On Wed, 29 Jan 2020, 21:00 Quy, notifications@github.com wrote:

@Quy commented on this pull request.

In administrator/components/com_postinstall/tmpl/messages/default.php
#27686 (comment):

@@ -50,7 +50,7 @@



  • 	<span class="icon icon-eye-open" aria-hidden="true"></span>
    
  • 	<span class="icon fas fa-eye" aria-hidden="true"></span>
    

Remove icon?


You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/joomla/joomla-cms/pull/27686?email_source=notifications&email_token=AAJ4P4M6R22PKNZP7VES34DRAHU67A5CNFSM4KMLFCB2YY3PNVWWK3TUL52HS4DFWFIHK3DMKJSXC5LFON2FEZLWNFSXPKTDN5WW2ZLOORPWSZGOCTRP4KQ#pullrequestreview-350420522,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAJ4P4LU7VRVVFFICTCOHWLRAHU67ANCNFSM4KMLFCBQ
.

avatar C-Lodder
C-Lodder - comment - 29 Jan 2020

@N6REG that's not the vendor. The mappings extend the same styling using SCSS's @extend method. You'll notice a comma between the classes by which they both use the styling from that file ;)

Either way, using FA classes in core now isn't hurting anyone. No reason not to do it now, then in a couple of decades when J5 is ready, the SCSS file simply needs removing.

avatar brianteeman
brianteeman - comment - 29 Jan 2020

Thanks @C-Lodder. As @N6REJ doesn't believe anything I say hopefully he will listen to you. I just don't have the patience to explain how scss works to a front-end developer

avatar N6REJ
N6REJ - comment - 30 Jan 2020

@C-Lodder this is why I'm saying its a vendor file..
image
I see the icomoon.scss which is doing mapping...
image
so, are you saying, we're taking icomoon.scss, fontawesome 5 scss & putting the compiled version in vendor/fontawesome.css ?
why in the vendor folder? Thats confusing.
btw, I saw the comma so I understand how that part is working.

avatar N6REJ
N6REJ - comment - 30 Jan 2020

Thanks @C-Lodder. As @N6REJ doesn't believe anything I say hopefully he will listen to you. I just don't have the patience to explain how scss works to a front-end developer

@brianteeman because MOST of the time instead of being constructive & helpful, you are negative and condescending towards ANYTHING I try to do.

avatar C-Lodder
C-Lodder - comment - 30 Jan 2020

@N6REJ have a look at this file (which belongs to the template): https://github.com/joomla/joomla-cms/blob/4.0-dev/administrator/templates/atum/scss/vendor/fontawesome-free/fontawesome.scss

You'll notice it imports the FA vendor and icomoon mapping. It is then compiled as a separate file to the template CSS: https://github.com/joomla/joomla-cms/blob/4.0-dev/build/build-modules-js/compilecss.es6.js#L55

FA do not use any icon- prefixes

avatar N6REJ
N6REJ - comment - 31 Jan 2020

FA do not use any icon- prefixes
100% correct.

avatar N6REJ N6REJ - change - 5 Feb 2020
The description was changed
avatar N6REJ N6REJ - edited - 5 Feb 2020
avatar N6REJ N6REJ - change - 5 Feb 2020
The description was changed
avatar N6REJ N6REJ - edited - 5 Feb 2020
avatar N6REJ N6REJ - change - 5 Feb 2020
Title
[4.0] [DRAFT] Convert icon- in toolbar to fa-
[4.0] [DRAFT] Convert icon- in toolbar to fa- ( part 1 )
avatar N6REJ N6REJ - edited - 5 Feb 2020
avatar joomla-cms-bot joomla-cms-bot - change - 5 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End Templates (site) com_contenthistory com_media Libraries com_postinstall com_templates Administration com_categories com_contact com_content com_contenthistory com_media com_menus com_newsfeeds com_postinstall com_templates Front End Libraries
avatar N6REJ
N6REJ - comment - 5 Feb 2020

This is part 1 of the "fix". Reason for stopping here is because the next step is going to be much more complicated to fix as its not simple changes. So I figure better to have separate pr for that one.

avatar N6REJ N6REJ - change - 5 Feb 2020
Title
[4.0] [DRAFT] Convert icon- in toolbar to fa- ( part 1 )
[4.0] Convert icon- in toolbar to fa- ( part 1 )
avatar N6REJ N6REJ - edited - 5 Feb 2020
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End com_contenthistory com_media Libraries com_postinstall com_templates Administration com_banners com_categories com_contact com_content com_contenthistory com_media com_menus com_newsfeeds com_postinstall com_templates Front End Libraries Plugins
avatar N6REJ N6REJ - change - 6 Feb 2020
Title
[4.0] Convert icon- in toolbar to fa- ( part 1 )
[4.0] [DRAFT] Convert icon- in toolbar to fa- ( part 1 )
avatar N6REJ N6REJ - edited - 6 Feb 2020
avatar N6REJ
N6REJ - comment - 6 Feb 2020

how do I reset this to draft?

avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End com_contenthistory com_media Libraries com_postinstall com_templates com_banners Plugins Administration com_banners com_categories com_contact com_content com_contenthistory com_media com_menus com_newsfeeds com_templates Front End Libraries Plugins
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End com_contenthistory com_media Libraries com_templates com_banners Plugins Administration com_associations com_banners com_categories com_contact com_content com_contenthistory com_media com_menus com_newsfeeds com_templates Front End Libraries Plugins
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End com_contenthistory com_media Libraries com_templates com_banners Plugins com_associations Administration com_associations com_banners com_categories com_contact com_content com_contenthistory com_media com_menus com_modules com_newsfeeds com_templates Modules Front End Libraries Plugins
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End com_contenthistory com_media Libraries com_templates com_banners Plugins com_associations com_modules Modules Administration com_associations com_banners com_categories com_contact com_content com_contenthistory com_media com_menus com_modules com_newsfeeds com_templates Modules Front End Layout Libraries Plugins
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End com_contenthistory com_media Libraries com_templates com_banners Plugins com_associations com_modules Modules Layout Administration com_associations com_banners com_categories com_config com_contact com_content com_contenthistory com_media com_menus com_modules com_newsfeeds com_templates Modules Front End Layout Libraries Plugins
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End com_contenthistory com_media Libraries com_templates com_banners Plugins com_associations com_modules Modules Layout com_config Administration com_associations com_banners com_categories com_config com_contact com_content com_contenthistory com_media com_menus com_modules com_newsfeeds com_templates com_users Modules Front End Installation Layout Libraries Plugins
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End com_contenthistory com_media Libraries com_templates com_banners Plugins com_associations com_modules Modules Layout com_config com_users Installation Administration com_associations com_banners com_categories com_config com_contact com_content com_contenthistory com_finder com_media com_menus com_modules com_newsfeeds com_tags com_templates com_users Modules Front End Installation Layout
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End com_contenthistory com_media com_templates com_banners com_associations com_modules Modules Layout com_config com_users Installation com_finder com_tags Administration com_associations com_banners com_categories com_config com_contact com_content com_contenthistory com_finder com_media com_menus com_modules com_newsfeeds com_tags com_templates com_users Modules Front End
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds Front End com_contenthistory com_media com_templates com_banners com_associations com_modules Modules com_config com_users com_finder com_tags Administration com_associations com_banners com_categories com_config com_contact com_content com_contenthistory com_cpanel com_finder com_joomlaupdate com_media com_menus com_modules com_newsfeeds com_tags com_templates com_users
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds com_contenthistory com_media com_templates com_banners com_associations com_modules com_config com_users com_finder com_tags com_cpanel com_joomlaupdate Administration com_associations com_banners com_categories com_config com_contact com_content com_contenthistory com_cpanel com_finder com_joomlaupdate com_languages com_media com_menus com_modules com_newsfeeds com_tags
avatar joomla-cms-bot joomla-cms-bot - change - 6 Feb 2020
Category Administration com_categories com_contact com_content com_menus com_newsfeeds com_contenthistory com_media com_banners com_associations com_modules com_config com_finder com_tags com_cpanel com_joomlaupdate com_languages Administration com_associations com_banners com_categories com_config com_contact com_content com_contenthistory com_cpanel com_finder com_joomlaupdate com_languages com_media com_menus com_modules com_newsfeeds
avatar N6REJ N6REJ - change - 6 Feb 2020
Title
[4.0] [DRAFT] Convert icon- in toolbar to fa- ( part 1 )
[4.0] Convert icon- in toolbar to fa- ( part 1 )
avatar N6REJ N6REJ - edited - 6 Feb 2020
avatar N6REJ
N6REJ - comment - 6 Feb 2020

READY FOR TESTING
I'm leaving icon-new and icon-option and maybe a couple more for another pr since its not simple <span class=
its icon-$name and it's not clear to me where & how that is done YET.

avatar jwaisner
jwaisner - comment - 12 Feb 2020

@N6REJ Based on the referenced issue the PR doesnt seem to change the issue with the icons in the toolbar. It doesnt break anything but the gap at the bottom still exits.

27686

Please do correct me if I misunderstand the intended result.

avatar Quy
Quy - comment - 12 Feb 2020

@jwaisner That is a separate issue to address later. This PR is to convert icon to fa. See #27333 (comment)

avatar jwaisner
jwaisner - comment - 17 Feb 2020

I have tested this item successfully on b913de3

Tested all icons throughout including a clean install. No issues found with the display related to this PR.


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

avatar jwaisner jwaisner - test_item - 17 Feb 2020 - Tested successfully
avatar Quy
Quy - comment - 18 Feb 2020

I have tested this item successfully on b913de3


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

avatar Quy Quy - test_item - 18 Feb 2020 - Tested successfully
avatar jwaisner jwaisner - change - 18 Feb 2020
Status Pending Ready to Commit
avatar jwaisner
jwaisner - comment - 18 Feb 2020

RTC


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

avatar wilsonge wilsonge - change - 18 Feb 2020
Status Ready to Commit Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2020-02-18 11:00:44
Closed_By wilsonge
Labels Added: ?
avatar wilsonge wilsonge - close - 18 Feb 2020
avatar wilsonge wilsonge - merge - 18 Feb 2020
avatar wilsonge
wilsonge - comment - 18 Feb 2020

Thanks guys. Nice work @N6REJ

avatar N6REJ
N6REJ - comment - 18 Feb 2020

ty george

Add a Comment

Login with GitHub to post a comment