[MediaWiki-commits] [Gerrit] oojs/ui[master]: WikimediaUI theme: Improve ListToolGroup's color and opacity...

2017-09-15 Thread jenkins-bot (Code Review)
jenkins-bot has submitted this change and it was merged. ( 
https://gerrit.wikimedia.org/r/378269 )

Change subject: WikimediaUI theme: Improve ListToolGroup's color and opacity 
handling
..


WikimediaUI theme: Improve ListToolGroup's color and opacity handling

As ListToolGroup's tool –inverse to most other widgets– gets a
lighter shade of grey as background-color on `:hover`, we want to
make sure that it follows the inverse principle of icon opacity and
color as well (all sligthly darker) and consume base variables.

Change-Id: I45a122f0cc487b61dfda0f6838d55c9a57cd55bb
---
M src/themes/wikimediaui/common.less
M src/themes/wikimediaui/tools.less
2 files changed, 3 insertions(+), 1 deletion(-)

Approvals:
  jenkins-bot: Verified
  Jforrester: Looks good to me, approved



diff --git a/src/themes/wikimediaui/common.less 
b/src/themes/wikimediaui/common.less
index c96b07f..baba4bb 100644
--- a/src/themes/wikimediaui/common.less
+++ b/src/themes/wikimediaui/common.less
@@ -35,6 +35,7 @@
 @background-color-tool--hover: @background-color-base--hover;
 @background-color-tool--active: @background-color-progressive;
 @background-color-tool--active-hover: @background-color-progressive--hover;
+@color-tool--hover: @color-base--emphasized; // Used here in combination with 
`:hover` background-color turning light grey
 @color-tool--active: @color-progressive;
 @border-toolbar: @border-width-base solid #c8ccd1;
 
diff --git a/src/themes/wikimediaui/tools.less 
b/src/themes/wikimediaui/tools.less
index 817c81d..a448d4c 100644
--- a/src/themes/wikimediaui/tools.less
+++ b/src/themes/wikimediaui/tools.less
@@ -178,9 +178,10 @@
&.oo-ui-widget-enabled {
&:hover {
background-color: @background-color-tool--hover;
+   color: @color-tool--hover;
 
.oo-ui-tool-link .oo-ui-iconElement-icon {
-   opacity: 0.9;
+   opacity: @opacity-base;
}
}
}

-- 
To view, visit https://gerrit.wikimedia.org/r/378269
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: merged
Gerrit-Change-Id: I45a122f0cc487b61dfda0f6838d55c9a57cd55bb
Gerrit-PatchSet: 2
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: VolkerE 
Gerrit-Reviewer: Jforrester 
Gerrit-Reviewer: jenkins-bot <>

___
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits


[MediaWiki-commits] [Gerrit] oojs/ui[master]: WikimediaUI theme: Improve ListToolGroup's color and opacity...

2017-09-15 Thread VolkerE (Code Review)
VolkerE has uploaded a new change for review. ( 
https://gerrit.wikimedia.org/r/378269 )

Change subject: WikimediaUI theme: Improve ListToolGroup's color and opacity 
handling
..

WikimediaUI theme: Improve ListToolGroup's color and opacity handling

As ListToolGroup's tool –inverse to most other widgets– gets a
lighter shade of grey as background-color on `:hover`, we want to
make sure that it follows the inverse principle of icon opacity and
color as well (all sligthly darker) and consume base variables.

Change-Id: I45a122f0cc487b61dfda0f6838d55c9a57cd55bb
---
M src/themes/wikimediaui/common.less
M src/themes/wikimediaui/tools.less
2 files changed, 3 insertions(+), 1 deletion(-)


  git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/69/378269/1

diff --git a/src/themes/wikimediaui/common.less 
b/src/themes/wikimediaui/common.less
index c96b07f..40d2cdb 100644
--- a/src/themes/wikimediaui/common.less
+++ b/src/themes/wikimediaui/common.less
@@ -35,6 +35,7 @@
 @background-color-tool--hover: @background-color-base--hover;
 @background-color-tool--active: @background-color-progressive;
 @background-color-tool--active-hover: @background-color-progressive--hover;
+@color-tool--hover: @color-emphasized; // Used here in combination with 
`:hover` background-color turning light grey
 @color-tool--active: @color-progressive;
 @border-toolbar: @border-width-base solid #c8ccd1;
 
diff --git a/src/themes/wikimediaui/tools.less 
b/src/themes/wikimediaui/tools.less
index 817c81d..a448d4c 100644
--- a/src/themes/wikimediaui/tools.less
+++ b/src/themes/wikimediaui/tools.less
@@ -178,9 +178,10 @@
&.oo-ui-widget-enabled {
&:hover {
background-color: @background-color-tool--hover;
+   color: @color-tool--hover;
 
.oo-ui-tool-link .oo-ui-iconElement-icon {
-   opacity: 0.9;
+   opacity: @opacity-base;
}
}
}

-- 
To view, visit https://gerrit.wikimedia.org/r/378269
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I45a122f0cc487b61dfda0f6838d55c9a57cd55bb
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: VolkerE 

___
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits