NPM Resource Changed ? ? Pending

User tests: Successful: Unsuccessful:

avatar coolcat-creations
coolcat-creations
13 May 2020

Pull Request for Issue #29016 (comment)

cc @infograf768

Summary of Changes

Changed Opacity of featured icons when they are in disabled state,
changed cursor to not-allow to still demonstrate that there is no change possible
Added Font Awesome regular to backend to make a difference between the icon states

Testing Instructions

apply patch
npm run build:css
check in template styles and in content languages that the featured Icon is now with full opacity
Featured Icons have now a solid background star
Unfeatured Icons have now an outline star

Expected result

grafik

avatar coolcat-creations coolcat-creations - open - 13 May 2020
avatar coolcat-creations coolcat-creations - change - 13 May 2020
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 13 May 2020
Category Administration Templates (admin)
avatar infograf768
infograf768 - comment - 13 May 2020

Only Problem I have here, is that we use the same Icon for "default" as for "featured" items. IMO that are two completely different functions.

I would not worry about that. The star is a only a way to differentiate in these cases the ON/OFF status. We are used to it.

avatar coolcat-creations
coolcat-creations - comment - 13 May 2020

Only Problem I have here, is that we use the same Icon for "default" as for "featured" items. IMO that are two completely different functions.

I would not worry about that. The star is a only a way to differentiate in these cases the ON/OFF status. We are used to it.

We are used to it but new users might find it not logical. That's the issue. Star is to make something default OR featured. In my opinion one icon/sign should do only one thing.

avatar Quy Quy - test_item - 13 May 2020 - Tested successfully
avatar Quy
Quy - comment - 13 May 2020

I have tested this item successfully on 0e1fb62


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

avatar infograf768 infograf768 - change - 13 May 2020
Status Pending Ready to Commit
avatar infograf768
infograf768 - comment - 13 May 2020

rtc
I suggest the discussion about the icon used to be separated.


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

avatar infograf768 infograf768 - test_item - 13 May 2020 - Tested successfully
avatar infograf768
infograf768 - comment - 13 May 2020

I have tested this item successfully on 0e1fb62


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

avatar infograf768
infograf768 - comment - 14 May 2020

Hmm
@coolcat-creations
When admin style is set to use Monochrome, it is very hard to differentiate between Default and not default. Example: Here Atum-Default (2) is default and set to monochrome

Screen Shot 2020-05-14 at 10 53 51

avatar coolcat-creations
coolcat-creations - comment - 14 May 2020

Maybe I do a second PR with all about used colors in the backend in all areas? @infograf768

avatar brianteeman
brianteeman - comment - 14 May 2020

This is exactly why colour alone should never be used as an indicator

avatar coolcat-creations
coolcat-creations - comment - 14 May 2020

This is exactly why colour alone should never be used as an indicator

I think I solved this for the home item - and with the home item PR I can add now different classes for the items depending on the state. I add the change here, ok?

avatar infograf768
infograf768 - comment - 14 May 2020

The colour

color: var(--warning);
border-color: var(--warning);

We can modify the variable when monochrome is on and add classes in index.php
In this case, I guess it should be var(--black) and .monochrome

No idea if this should be done for all colours in a specific PR or here.

avatar brianteeman
brianteeman - comment - 14 May 2020

Again - just using colour to indicate anything is an accessibility failure and should not be done.

avatar coolcat-creations coolcat-creations - change - 14 May 2020
Labels Added: ? ?
avatar joomla-cms-bot joomla-cms-bot - change - 14 May 2020
Category Administration Templates (admin) Administration Templates (admin) Repository NPM Change Libraries
avatar coolcat-creations coolcat-creations - change - 14 May 2020
Title
[4.0] Template Atum - Increase Opacity of disabled Featured Icons
[4.0] Template Atum - Improve appereance of backend icons
avatar coolcat-creations coolcat-creations - edited - 14 May 2020
avatar coolcat-creations coolcat-creations - change - 14 May 2020
The description was changed
avatar coolcat-creations coolcat-creations - edited - 14 May 2020
avatar coolcat-creations
coolcat-creations - comment - 14 May 2020

Updated title and description of the PR and changed icon appereance

avatar brianteeman
brianteeman - comment - 14 May 2020
avatar Quy Quy - change - 14 May 2020
Status Ready to Commit Pending
avatar infograf768
infograf768 - comment - 15 May 2020

Please correct cs

 FILE: /********/src/libraries/src/Button/FeaturedButton.php
----------------------------------------------------------------------
FOUND 0 ERRORS AND 2 WARNINGS AFFECTING 2 LINES
----------------------------------------------------------------------
 32 | WARNING | Line exceeds 150 characters; contains 168
    |         | characters (Generic.Files.LineLength.TooLong)
 33 | WARNING | Line exceeds 150 characters; contains 166
    |         | characters (Generic.Files.LineLength.TooLong)
avatar infograf768 infograf768 - test_item - 15 May 2020 - Tested successfully
avatar infograf768
infograf768 - comment - 15 May 2020

I have tested this item successfully on 5b91907


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

avatar coolcat-creations coolcat-creations - change - 15 May 2020
Labels Added: NPM Resource Changed
Removed: ?
avatar coolcat-creations
coolcat-creations - comment - 15 May 2020

Please correct cs

 FILE: /********/src/libraries/src/Button/FeaturedButton.php
----------------------------------------------------------------------
FOUND 0 ERRORS AND 2 WARNINGS AFFECTING 2 LINES
----------------------------------------------------------------------
 32 | WARNING | Line exceeds 150 characters; contains 168
    |         | characters (Generic.Files.LineLength.TooLong)
 33 | WARNING | Line exceeds 150 characters; contains 166
    |         | characters (Generic.Files.LineLength.TooLong)

Was the line break ok?

avatar infograf768
infograf768 - comment - 15 May 2020

I'm afraid it is still not right

 FILE: /********/src/libraries/src/Button/FeaturedButton.php
----------------------------------------------------------------------
FOUND 6 ERRORS AFFECTING 4 LINES
----------------------------------------------------------------------
 32 | ERROR | [x] Whitespace found at end of line
    |       |     (Squiz.WhiteSpace.SuperfluousWhitespace.EndLine)
 33 | ERROR | [x] Multi-line function call not indented correctly;
    |       |     expected 8 spaces but found 16. Note: the autofixer
    |       |     will convert spaces to tabs
    |       |     (PEAR.Functions.FunctionCallSignature.Indent)
 33 | ERROR | [x] Closing parenthesis of a multi-line function call
    |       |     must be on a line by itself
    |       |     (PEAR.Functions.FunctionCallSignature.CloseBracketLine)
 34 | ERROR | [x] Whitespace found at end of line
    |       |     (Squiz.WhiteSpace.SuperfluousWhitespace.EndLine)
 35 | ERROR | [x] Multi-line function call not indented correctly;
    |       |     expected 8 spaces but found 16. Note: the autofixer
    |       |     will convert spaces to tabs
    |       |     (PEAR.Functions.FunctionCallSignature.Indent)
 35 | ERROR | [x] Closing parenthesis of a multi-line function call
    |       |     must be on a line by itself
avatar coolcat-creations
coolcat-creations - comment - 15 May 2020

Sorry, how can I fix that?

avatar infograf768
infograf768 - comment - 15 May 2020

I think something like this: take off one tab, useless space, move parenthesis on 3rd line.

Screen Shot 2020-05-15 at 10 51 22

avatar coolcat-creations
coolcat-creations - comment - 15 May 2020

I think something like this: take off one tab, useless space, move parenthesis on 3rd line.

Screen Shot 2020-05-15 at 10 51 22

Thank you! Does it work now?

avatar infograf768
infograf768 - comment - 15 May 2020

No, you have not done what I suggested.

avatar infograf768
infograf768 - comment - 15 May 2020

Will try to modify your branch

avatar infograf768
infograf768 - comment - 15 May 2020

OK now

avatar coolcat-creations
coolcat-creations - comment - 15 May 2020

Thank you for your help!

avatar infograf768
infograf768 - comment - 15 May 2020

Drone still broken but not due to the PR.

avatar coolcat-creations
coolcat-creations - comment - 15 May 2020

Would be also good to know if I was allowed to change the icomoon file...

avatar infograf768
infograf768 - comment - 15 May 2020

Needs one more tester here.

avatar Quy Quy - test_item - 15 May 2020 - Tested successfully
avatar Quy
Quy - comment - 15 May 2020

I have tested this item successfully on 127c466


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

avatar Quy Quy - change - 15 May 2020
Status Pending Ready to Commit
avatar Quy
Quy - comment - 15 May 2020

RTC


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

avatar infograf768 infograf768 - change - 16 May 2020
Status Ready to Commit Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2020-05-16 05:39:46
Closed_By infograf768
Labels Added: ?
avatar infograf768 infograf768 - close - 16 May 2020
avatar infograf768 infograf768 - merge - 16 May 2020
avatar infograf768
infograf768 - comment - 16 May 2020

Tks

Add a Comment

Login with GitHub to post a comment