OOjs UI: Bring forward upstream fix for WikimediaUI colour issue

[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-widgets-wikimediaui.css

diff --git a/resources/lib/oojs-ui/oojs-ui-widgets-wikimediaui.css b/resources/lib/oojs-ui/oojs-ui-widgets-wikimediaui.css
index dc687bb..0483dae 100644 (file)
--- a/resources/lib/oojs-ui/oojs-ui-widgets-wikimediaui.css
+++ b/resources/lib/oojs-ui/oojs-ui-widgets-wikimediaui.css
@@ -1,16 +1,24 @@
 /*!
- * OOjs UI v0.22.1
+ * OOjs UI v0.22.4
  * https://www.mediawiki.org/wiki/OOjs_UI
  *
  * Copyright 2011–2017 OOjs UI Team and other contributors.
  * Released under the MIT license
  * http://oojs.mit-license.org
  *
- * Date: 2017-05-31T19:07:44Z
+ * Date: 2017-08-03T19:36:56Z
  */
-.oo-ui-draggableElement {
-  padding: 1.0546875em 0.9375em 0.9375em;
-}
+/**
+ * WikimediaUI Base v0.9.2
+ * Wikimedia Foundation user interface base variables
+ */
+/* Colors */
+/* Positioning */
+/* Box Model properties */
+/* Max Widths */
+/* Typography incl. print properties */
+/* Other Properties */
+/* Animation & Transition */
 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget {
   cursor: move;
   cursor: url(images/grab.cur );
@@ -34,11 +42,6 @@
 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
   display: inline-block;
 }
-.oo-ui-draggableElement-handle.oo-ui-widget-enabled:focus {
-  border-radius: 2px;
-  box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c;
-  outline: 0;
-}
 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
   overflow: hidden;
 }
@@ -49,11 +52,12 @@
   box-sizing: border-box;
 }
 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
+  height: auto;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
-  bottom: 3em;
+  bottom: 2.5em;
   overflow: auto;
 }
 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
@@ -61,6 +65,7 @@
   bottom: 0;
   left: 0;
   right: 0;
+  height: 2.5em;
 }
 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
   padding: 1.5em;
@@ -69,7 +74,7 @@
   border-right: 1px solid #ddd;
 }
 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
+  border-top: 1px solid #c8ccd1;
 }
 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
   height: 3em;
@@ -723,7 +728,7 @@
   left: 4.429em;
 }
 .oo-ui-outlineControlsWidget {
-  height: 3em;
+  overflow: hidden;
   background-color: #fff;
 }
 .oo-ui-outlineControlsWidget-items,
@@ -749,16 +754,15 @@
 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
   float: right;
 }
-.oo-ui-outlineControlsWidget-items,
-.oo-ui-outlineControlsWidget-movers {
-  height: 2em;
-  margin: 0.5em 0.5em 0.5em 0;
-  padding: 0;
+.oo-ui-outlineControlsWidget-items > .oo-ui-buttonWidget,
+.oo-ui-outlineControlsWidget-movers > .oo-ui-buttonWidget {
+  height: 2.5em;
+  width: 2.5em;
+  margin: 0 !important;
+  /* stylelint-disable-line declaration-no-important */
 }
 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
-  width: 1.5em;
-  height: 2em;
-  margin: 0.5em 0 0.5em 0.5em;
+  height: 2.5em;
   opacity: 0.2;
 }
 .oo-ui-tabSelectWidget {
@@ -840,6 +844,9 @@
   height: 1px;
   width: 1px;
 }
+.oo-ui-tagMultiselectWidget-focusTrap:focus {
+  outline: 0;
+}
 .oo-ui-tagMultiselectWidget-handle {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -971,7 +978,7 @@
 .oo-ui-tagItemWidget.oo-ui-widget-enabled {
   background-color: #f8f9fa;
   color: #222;
-  padding-right: 1.5375em;
+  padding-right: 1.640625em;
   -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
   -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
   transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
@@ -1001,19 +1008,23 @@
   position: absolute;
   top: 0;
   right: 0;
-  bottom: 0;
 }
 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
-  display: block;
-  width: 1.5375em;
-  height: 100%;
+  min-width: 0;
+  min-height: 0;
+  border: 0;
+  padding-top: 1.5625em;
+  padding-left: 1.5625em;
 }
-.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
-  position: absolute;
-  top: 0;
-  right: 0.3em;
-  bottom: 0;
-  height: auto;
+.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close {
+  left: 0;
+  min-width: 20px;
+  min-height: 20px;
+  width: 1.5625em;
+}
+.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-labelElement-label,
+.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
+  display: none;
 }
 .oo-ui-tagItemWidget.oo-ui-widget-disabled {
   background-color: #eaecf0;
@@ -1061,6 +1072,9 @@
   height: 1px;
   width: 1px;
 }
+.oo-ui-capsuleMultiselectWidget-focusTrap:focus {
+  outline: 0;
+}
 .oo-ui-capsuleMultiselectWidget-handle {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -1184,7 +1198,7 @@
 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
   background-color: #f8f9fa;
   color: #222;
-  padding-right: 1.5375em;
+  padding-right: 1.640625em;
   -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
   -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
   transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
@@ -1204,19 +1218,23 @@
   position: absolute;
   top: 0;
   right: 0;
-  bottom: 0;
 }
 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
-  display: block;
-  width: 1.5375em;
-  height: 100%;
+  min-width: 0;
+  min-height: 0;
+  border: 0;
+  padding-top: 1.5625em;
+  padding-left: 1.5625em;
 }
-.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
-  position: absolute;
-  top: 0;
-  right: 0.3em;
-  bottom: 0;
-  height: auto;
+.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close {
+  left: 0;
+  min-width: 20px;
+  min-height: 20px;
+  width: 1.5625em;
+}
+.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-labelElement-label,
+.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
+  display: none;
 }
 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
   background-color: #eaecf0;