Skip to content

[4.0]improved contrast in icon during installation#24213

Merged
wilsonge merged 4 commits intojoomla:4.0-devfrom
bahl24:contrast
Mar 21, 2019
Merged

[4.0]improved contrast in icon during installation#24213
wilsonge merged 4 commits intojoomla:4.0-devfrom
bahl24:contrast

Conversation

@bahl24
Copy link
Contributor

@bahl24 bahl24 commented Mar 17, 2019

Pull Request for Issue - Improved contrast and consistency for 'warning' label.

Testing

run node build.js --compile-css

Summary of Changes

Changed text color

Expected result

Screenshot from 2019-03-17 05-44-39

Actual result

Screenshot from 2019-03-17 06-03-23

Screenshot from 2019-03-17 09-24-28

@chmst
Copy link
Contributor

chmst commented Mar 17, 2019

@bahl24 good idea! But it is better not to use a color definition. Could you use the scss variable white instead?

@bahl24
Copy link
Contributor Author

bahl24 commented Mar 17, 2019

@chmst I have changed, but I was wondering why is white better than its hex code?

@chmst
Copy link
Contributor

chmst commented Mar 17, 2019

Indeed, at this place it makes no difference, as the background here also is white and probably will not be changed. So thank you - I will test this asap.

@bahl24
Copy link
Contributor Author

bahl24 commented Mar 18, 2019

@Quy Done

@Quy
Copy link
Contributor

Quy commented Mar 19, 2019

Actually lines 281-283 can be removed since the same class definition is defined starting at line 3420 in the generated template.css.

.badge-warning {
  color: #fff;
  background-color: #b35900; }
  a.badge-warning:hover, a.badge-warning:focus {
    color: #fff;
    background-color: #804000; }
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(179, 89, 0, 0.5); }

@bahl24
Copy link
Contributor Author

bahl24 commented Mar 19, 2019

Actually lines 281-283 can be removed since the same class definition is defined starting at line 3420 in the generated template.css.

.badge-warning {
  color: #fff;
  background-color: #b35900; }
  a.badge-warning:hover, a.badge-warning:focus {
    color: #fff;
    background-color: #804000; }
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(179, 89, 0, 0.5); }

Done

@chmst
Copy link
Contributor

chmst commented Mar 19, 2019

I have tested this item ✅ successfully on f2b231c


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

1 similar comment
@Quy
Copy link
Contributor

Quy commented Mar 19, 2019

I have tested this item ✅ successfully on f2b231c


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

@Quy
Copy link
Contributor

Quy commented Mar 19, 2019

RTC


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

@joomla-cms-bot joomla-cms-bot added the RTC This Pull Request is Ready To Commit label Mar 19, 2019
@wilsonge wilsonge merged commit 5255bf4 into joomla:4.0-dev Mar 21, 2019
@wilsonge wilsonge added this to the Joomla 4.0 milestone Mar 21, 2019
@joomla-cms-bot joomla-cms-bot removed the RTC This Pull Request is Ready To Commit label Mar 21, 2019
@bahl24 bahl24 deleted the contrast branch March 22, 2019 22:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants