? ? ? Pending

User tests: Successful: Unsuccessful:

avatar coolcat-creations
coolcat-creations
25 Apr 2020

Pull request for #28215

List of changes:

  • Changed Button Color in Login to Link color scheme like used in logged in backend
  • Changed Border Color and box shadows of inputs to a neutral color (not blue-ish) to fit to custom schemes
  • Adjusted Joomla login image to inherit the dark background color
  • Adjusted logo heading h1 to take the dark background color
  • adjusted logo heading h2 to take the dark text color
  • fixed quick Icons gradient colors
  • fixed text muted - everyone forgive me the !important but I could not find where the important was set before.
  • added parameter for sidebar link color because this var was used in scss
  • changed toolbar options and help icon and hover appearance color according to default setting

Testing Instructions

Go into atum template style options and chose different colors in every field (this pr does not fix logo issues!)
Check if the template looks nice

Expected result

If you change the colors you should be happy with the result somehow :-)

Bildschirmfoto 2020-04-25 um 13 29 20

Bildschirmfoto 2020-04-25 um 13 29 37

Actual result

See issue #28215

Documentation Changes Required

Added Sidebar Link Colour parameter

avatar coolcat-creations coolcat-creations - open - 25 Apr 2020
avatar coolcat-creations coolcat-creations - change - 25 Apr 2020
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 25 Apr 2020
Category Administration Language & Strings Templates (admin)
avatar coolcat-creations coolcat-creations - change - 25 Apr 2020
Labels Added: ? ?
avatar brianteeman
brianteeman - comment - 25 Apr 2020

My test did not produce the same screenshots as you. The sidebar on the login and admin screens are no longer full height


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

avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

@brianteeman that's strange because I did not change anything about the sidebar heights at all. Is the issue gone when you revert the patch?

Edit: just tested with patchtester without issues. Maybe revert other patches, clear caches and try again? Thank you!

avatar brianteeman
brianteeman - comment - 25 Apr 2020

Changed Border Color and box shadows of inputs to a neutral color (not blue-ish) to fit to custom schemes

I am not a fan of this change. They exist because we have no outline and serve as the focus indicator which is fairly universally a blue.

For example here on github

.form-control.focus, .form-control:focus, .form-select.focus, .form-select:focus {
    border-color: #2188ff;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(27,31,35,.075), 0 0 0 0.2em rgba(3,102,214,.3);
}
avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

@brianteeman I only desaturated the box shadow it was very light before - In terms of accessibility it's only slighty recognizeable that it changed - it makes the scheme more harmonic as before.

I did not change the focus border btw, if thats your concern, only the light shadow.

avatar faustonenci
faustonenci - comment - 25 Apr 2020

I have tested this item 🔴 unsuccessfully on f0120ab

the patch not produce the same screenshots as you
template color change


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/28788.
avatar faustonenci faustonenci - test_item - 25 Apr 2020 - Tested unsuccessfully
avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

@faustonenci I used my own colors - your screenshots should not match to mine but have better results like in the posted issue: #28215 -

For the muted text color of the joomla Version: did you clear your browser cache ?
The right marked colors work as expected, they use your "special color" setting - I don't know whats the reason that they use the special color to be honest but I can work on that in another PR (Fixing it now)

avatar brianteeman
brianteeman - comment - 25 Apr 2020

the sidebar was an unrelated issue

avatar faustonenci
faustonenci - comment - 25 Apr 2020

template color change2
I used random colors, and after cleaning the browser chache the only problem remains in the joomla version logo

avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

@faustonenci can you retest now ?
Please revert the patch, fetch new, apply again and clear the browser cache

avatar faustonenci
faustonenci - comment - 25 Apr 2020

I restored all the site and the fatches, I applied the patch again, I only see a problem with the joomla version logo which unlike the other logos uses this style class
.text-muted {
color: # 6c757d! important;
}


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

avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

I restored all the site and the fatches, I applied the patch again, I only see a problem with the joomla version logo which unlike the other logos uses this style class
.text-muted {
color: # 6c757d! important;
}
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/28788.

Yes but I actually overwrote it in header, thats why I thought it's a cache issue :-( Anyone else has the same issue?

avatar Razzo1987
Razzo1987 - comment - 25 Apr 2020

See:
immagine

I done a PR in your branch: coolcat-creations@e3df4f0

avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

@Razzo1987 but you removed text-muted, I think it should be muted when the header is disabled?

avatar Razzo1987
Razzo1987 - comment - 25 Apr 2020

@coolcat-creations Bootsrap 4 text-muted color is "var(--atum-text-light) !important"
If think it is correct because .text-muted is grey.
If you want to have the icon color the same color as the other icons you must remove it or add a more "important" definition of .text-muted in the topbar

avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

@Razzo1987 yes I added the definition for header right from the start - it's in the _header.scss file. You don't see the changes either?
grafik

avatar Razzo1987
Razzo1987 - comment - 25 Apr 2020

I'm not understanding the problem compared to the screen:
#28788 (comment)
I have the same color set and the same result with the code you described.

But the result is different from the request:
https://user-images.githubusercontent.com/2539440/75856202-260cd500-5df4-11ea-9f15-3a7c48398b84.png

What is the desired result?
Gray or white icon fot joomla version?

avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

@Razzo1987 - I have an idea, can you change light text value in your settings to #ffffff and see if it works then? if yes I know what to check again.

because you see I defined the muted-text in the top bar:
grafik

avatar Razzo1987
Razzo1987 - comment - 25 Apr 2020

Also:
immagine

immagine

Not muted: #fff instead var(--atum-text-light)
I think:

.header .header-item .header-item-content > :first-child  {
color: var(--atum-text-light) !important;
}
.header .header-item .header-item-content .text-muted {
color: var(--atum-text-light) !important;
opacity: .6;
}

instead $white try to insert var(--atum-text-light) !important

avatar Razzo1987
Razzo1987 - comment - 25 Apr 2020

@Razzo1987 - I have an idea, can you change light text value in your settings to #ffffff and see if it works then? if yes I know what to check again.

immagine

Yes is good,
but in this way the icons can't change the color, so if you use a a dark color for Light Text:

immagine
immagine

avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

Now I understand where all the confusion comes from- the other buttons stay white while they should change to the var(--atum-text-light) - or second possibility the Joomla Logo should be white - I think you are right, it should be all set to white in the header then like the other elements. Sorry I misunderstood the issues :-)

avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

@Razzo1987 and @faustonenci you can retest now if you want :-)

avatar coolcat-creations
coolcat-creations - comment - 25 Apr 2020

Thank you @Razzo1987 and @faustonenci now it should be finally fine :-)

avatar faustonenci
faustonenci - comment - 26 Apr 2020

I have tested this item ✅ successfully on 5c207ec

good


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

avatar faustonenci faustonenci - test_item - 26 Apr 2020 - Tested successfully
avatar Razzo1987
Razzo1987 - comment - 26 Apr 2020

@coolcat-creations :hover :( (see image 3)

immagine

immagine

immagine

avatar Razzo1987
Razzo1987 - comment - 26 Apr 2020

Also.... What do you think about:

immagine

edit: the 2 blank square in Link color and Special color is an error of my test code.
The only change I propose is on the gradient form-control of the light and dark color

avatar coolcat-creations
coolcat-creations - comment - 26 Apr 2020

@Razzo1987
The hover color is the link color, I think that's "ok" - or we need to open a seperate issue and discuss the hover-color there.

Thank you for your idea about the colorslider - I honestly consider to remove the hue slider for the dark color at all and want to open a RFC issue for it - the hue slider was formaly there to satisfy the needs for the former dark sidebar and different color shades there. now we actually don't need this anymore. I don't know... Anyway this would be a separate issue too. Please let's go forward with this in small steps :-)

This PR does not make everything perfect but moves it forward at least.

avatar micker
micker - comment - 27 Apr 2020

sorry for delay test ✅

avatar Razzo1987
Razzo1987 - comment - 27 Apr 2020

I have tested this item ✅ successfully on d5825c8

OK: It works as described


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

avatar Razzo1987 Razzo1987 - test_item - 27 Apr 2020 - Tested successfully
avatar coolcat-creations
coolcat-creations - comment - 27 Apr 2020

Last change was CS... @richard67 can I ask for RTC? :-)

avatar richard67
richard67 - comment - 27 Apr 2020

@coolcat-creations Has the discussion with @C-Lodder been resolved?

avatar coolcat-creations
coolcat-creations - comment - 27 Apr 2020

@richard67 Regarding the Logo: No but thats a completely new PR / Issue to work on which I will do as next. We need to clean up and rename the used .svg Logos. They are not named properly, they are not used properly and the custom logos are not described good enough so that a user can change it in the way he/she wants. I would open the Issue directly afterwards.

Edit: Done: #28826

avatar richard67 richard67 - alter_testresult - 27 Apr 2020 - micker: Tested successfully
avatar richard67 richard67 - alter_testresult - 27 Apr 2020 - Razzo1987: Tested successfully
avatar richard67 richard67 - change - 27 Apr 2020
Status Pending Ready to Commit
avatar richard67
richard67 - comment - 27 Apr 2020

Last change was just CS. I've set back the test restults.
RTC


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

avatar Quy
Quy - comment - 29 Apr 2020

Please fix conflicts.

avatar coolcat-creations coolcat-creations - change - 29 Apr 2020
Labels Added: ?
avatar wilsonge wilsonge - change - 2 May 2020
Status Ready to Commit Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2020-05-02 10:53:03
Closed_By wilsonge
avatar wilsonge wilsonge - close - 2 May 2020
avatar wilsonge wilsonge - merge - 2 May 2020
avatar wilsonge
wilsonge - comment - 2 May 2020

Thankyou for working on this @coolcat-creations ! Much appreciated!

avatar richard67
richard67 - comment - 2 May 2020

Was the change described in issue #28906 intended?

Add a Comment

Login with GitHub to post a comment