jenkins-bot has submitted this change and it was merged.

Change subject: MediaWiki theme: Align readonly TextInputWidget to overhauled 
color palette
......................................................................


MediaWiki theme: Align readonly TextInputWidget to overhauled color palette

Aligning readonly TextInputWidget to overhauled color palette,
introducing `*-readonly*` Less variables and removing unnecessary
`text-shadow` property.

Change-Id: I365be6793ad23a4fe287f3df619f426a80760a3d
---
M src/themes/mediawiki/common.less
M src/themes/mediawiki/widgets.less
2 files changed, 7 insertions(+), 5 deletions(-)

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



diff --git a/src/themes/mediawiki/common.less b/src/themes/mediawiki/common.less
index 887335a..f9c6c8a 100644
--- a/src/themes/mediawiki/common.less
+++ b/src/themes/mediawiki/common.less
@@ -12,6 +12,7 @@
 @color-default-light: #fff;
 @color-emphasized: @color-default-active;
 @color-placeholder: #72777d; // equals HSB 210°/9%/49%, aligns to WCAG 2.0 
level AA at 4.52:1 contrast ratio
+@color-readonly: #72777d;
 
 // Primary 'Progressive' and 'Destructive' Colors
 @background-color-progressive: #eaf3ff; // equals rgba output in `fade( 
@color-progressive, 10% )`
@@ -80,6 +81,7 @@
 @border-color-destructive-active: #b77c79; // equals `fade( 
@color-destructive-active, 50% )`
 @border-color-focus-inset: @color-default-light;
 @border-color-dialog: #a2a9b1;
+@border-color-readonly: #c8ccd1;
 @border-color-input-hover: @border-color-default-active;
 
 @border-radius-default: 2px;
@@ -91,6 +93,7 @@
 @box-shadow-menu: @box-shadow-dialog;
 @box-shadow-focus-default: inset 0 0 0 1px @color-progressive;
 @box-shadow-focus-inset: inset 0 0 0 1px @color-progressive, inset 0 0 0 2px 
@color-default-light;
+@box-shadow-focus-readonly: inset 0 0 0 1px #c8ccd1;
 @box-shadow-disabled-filled: inset 0 0 0 1px @color-disabled-filled;
 @box-shadow-light-inset: inset 0 0 0 1px @color-default-light;
 
diff --git a/src/themes/mediawiki/widgets.less 
b/src/themes/mediawiki/widgets.less
index 6fac419..d58223f 100644
--- a/src/themes/mediawiki/widgets.less
+++ b/src/themes/mediawiki/widgets.less
@@ -738,15 +738,14 @@
                        }
 
                        &[readonly] {
-                               color: #777;
-                               text-shadow: @text-shadow-default;
+                               color: @color-readonly;
 
                                &:hover {
-                                       border-color: #ccc;
+                                       border-color: @border-color-readonly;
                                }
                                &:focus {
-                                       border-color: #ccc;
-                                       box-shadow: inset 0 0 0 0.1em #ccc;
+                                       border-color: @border-color-readonly;
+                                       box-shadow: @box-shadow-focus-readonly;
                                }
                        }
                }

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

Gerrit-MessageType: merged
Gerrit-Change-Id: I365be6793ad23a4fe287f3df619f426a80760a3d
Gerrit-PatchSet: 2
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: VolkerE <volke...@wikimedia.org>
Gerrit-Reviewer: Bartosz Dziewoński <matma....@gmail.com>
Gerrit-Reviewer: Jforrester <jforres...@wikimedia.org>
Gerrit-Reviewer: Prtksxna <psax...@wikimedia.org>
Gerrit-Reviewer: VolkerE <volke...@wikimedia.org>
Gerrit-Reviewer: jenkins-bot <>

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

Reply via email to