From a0f2cb4618b721a97d1431f8c6afe81fb54db7fd Mon Sep 17 00:00:00 2001 From: "James D. Forrester" Date: Fri, 9 Jan 2015 17:37:23 -0800 Subject: [PATCH] Update OOjs UI to v0.6.2 Release notes: https://git.wikimedia.org/blob/oojs%2Fui.git/v0.6.2/History.md Change-Id: Ia694c95107e88dd21db358daf503875cb13c5059 --- composer.json | 2 +- resources/lib/oojs-ui/i18n/bs.json | 8 +- resources/lib/oojs-ui/i18n/lv.json | 6 +- resources/lib/oojs-ui/i18n/sr-el.json | 5 +- resources/lib/oojs-ui/oojs-ui-mediawiki.css | 127 +++++++++++++----- resources/lib/oojs-ui/oojs-ui-mediawiki.js | 4 +- .../lib/oojs-ui/oojs-ui-mediawiki.svg.css | 127 +++++++++++++----- resources/lib/oojs-ui/oojs-ui.js | 18 ++- .../mediawiki/images/icons/lock-invert.png | Bin 0 -> 256 bytes .../mediawiki/images/icons/lock-invert.svg | 6 + .../themes/mediawiki/images/icons/lock.png | Bin 0 -> 238 bytes .../themes/mediawiki/images/icons/lock.svg | 6 + .../images/indicators/arrow-down-invert.png | Bin 218 -> 202 bytes .../images/indicators/arrow-down-invert.svg | 4 +- .../images/indicators/arrow-down.png | Bin 203 -> 182 bytes .../images/indicators/arrow-down.svg | 4 +- .../images/indicators/arrow-ltr-invert.png | Bin 209 -> 159 bytes .../images/indicators/arrow-ltr-invert.svg | 2 +- .../mediawiki/images/indicators/arrow-ltr.png | Bin 207 -> 153 bytes .../mediawiki/images/indicators/arrow-ltr.svg | 2 +- .../images/indicators/arrow-rtl-invert.png | Bin 229 -> 184 bytes .../images/indicators/arrow-rtl-invert.svg | 2 +- .../mediawiki/images/indicators/arrow-rtl.png | Bin 211 -> 178 bytes .../mediawiki/images/indicators/arrow-rtl.svg | 2 +- .../images/indicators/arrow-up-invert.png | Bin 229 -> 197 bytes .../images/indicators/arrow-up-invert.svg | 2 +- .../mediawiki/images/indicators/arrow-up.png | Bin 205 -> 180 bytes .../mediawiki/images/indicators/arrow-up.svg | 2 +- 28 files changed, 244 insertions(+), 85 deletions(-) create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/lock-invert.png create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/lock-invert.svg create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/lock.png create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/lock.svg diff --git a/composer.json b/composer.json index 4717aa90c9..519274de91 100644 --- a/composer.json +++ b/composer.json @@ -18,7 +18,7 @@ "require": { "cssjanus/cssjanus": "1.1.1", "leafo/lessphp": "0.5.0", - "oojs/oojs-ui": "0.6.1", + "oojs/oojs-ui": "0.6.2", "php": ">=5.3.3", "psr/log": "1.0.0", "wikimedia/cdb": "1.0.1", diff --git a/resources/lib/oojs-ui/i18n/bs.json b/resources/lib/oojs-ui/i18n/bs.json index c7afbfaefc..130bd8e53f 100644 --- a/resources/lib/oojs-ui/i18n/bs.json +++ b/resources/lib/oojs-ui/i18n/bs.json @@ -8,6 +8,12 @@ "ooui-outline-control-move-up": "Premjesti stavku gore", "ooui-outline-control-remove": "Ukloni stavku", "ooui-toolbar-more": "Više", + "ooui-toolgroup-expand": "Više", + "ooui-toolgroup-collapse": "Manje", "ooui-dialog-message-accept": "U redu", - "ooui-dialog-message-reject": "Otkaži" + "ooui-dialog-message-reject": "Otkaži", + "ooui-dialog-process-error": "Nešto je pošlo naopako", + "ooui-dialog-process-dismiss": "Odbaci", + "ooui-dialog-process-retry": "Pokušajte ponovo", + "ooui-dialog-process-continue": "Nastavi" } diff --git a/resources/lib/oojs-ui/i18n/lv.json b/resources/lib/oojs-ui/i18n/lv.json index 32fc9fe5b7..9ff787ac2b 100644 --- a/resources/lib/oojs-ui/i18n/lv.json +++ b/resources/lib/oojs-ui/i18n/lv.json @@ -11,7 +11,11 @@ "ooui-outline-control-move-down": "Pārvietot vienumu uz leju", "ooui-outline-control-move-up": "Pārvietot vienumu uz augšu", "ooui-toolbar-more": "Vairāk", + "ooui-toolgroup-expand": "Vairāk", + "ooui-toolgroup-collapse": "Mazāk", "ooui-dialog-message-accept": "Labi", "ooui-dialog-message-reject": "Atcelt", - "ooui-dialog-process-retry": "Mēģināt vēlreiz" + "ooui-dialog-process-error": "Kaut kas nogāja greizi", + "ooui-dialog-process-retry": "Mēģināt vēlreiz", + "ooui-dialog-process-continue": "Turpināt" } diff --git a/resources/lib/oojs-ui/i18n/sr-el.json b/resources/lib/oojs-ui/i18n/sr-el.json index 382317e1dc..704a1860ce 100644 --- a/resources/lib/oojs-ui/i18n/sr-el.json +++ b/resources/lib/oojs-ui/i18n/sr-el.json @@ -8,9 +8,12 @@ "ooui-outline-control-move-up": "Premesti stavku na gore", "ooui-outline-control-remove": "Ukloni stavku", "ooui-toolbar-more": "Više", + "ooui-toolgroup-expand": "Više", + "ooui-toolgroup-collapse": "Manje", "ooui-dialog-message-accept": "U redu", "ooui-dialog-message-reject": "Otkaži", "ooui-dialog-process-error": "Nešto je pošlo naopako", "ooui-dialog-process-dismiss": "Odbaci", - "ooui-dialog-process-retry": "Pokušaj ponovo" + "ooui-dialog-process-retry": "Pokušaj ponovo", + "ooui-dialog-process-continue": "Nastavi" } diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-mediawiki.css index ee157b25c8..006cdebfd0 100644 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.6.1 + * OOjs UI v0.6.2 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-01-05T13:04:47Z + * Date: 2015-01-10T01:25:31Z */ .oo-ui-progressBarWidget-slide-frames from { margin-left: -40%; @@ -135,7 +135,8 @@ opacity: 0.2; } .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #dddddd; + color: #ffffff; + background: #eeeeee; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { @@ -162,6 +163,7 @@ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #015ccc; + box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { @@ -174,6 +176,7 @@ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #008c6d; + box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { @@ -186,6 +189,7 @@ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #a7170f; + box-shadow: none; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { margin: 0.1em 0; @@ -214,97 +218,142 @@ margin-right: 0.3em; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - color: #dddddd; - background: #ffffff; - border: solid 1px #cdcdcd; + color: #ffffff; + background: #eeeeee; + border: #eeeeee; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #757575; background-color: #ffffff; border: solid 1px #cdcdcd; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2); border-color: #aaaaaa; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: #d0d0d0; border-color: #d0d0d0; + box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #0274ff; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #015ccc; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #015ccc; + border-color: #015ccc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #015ccc; + border-color: #d0d0d0; + box-shadow: none; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { color: #00af89; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #008c6d; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #008c6d; + border-color: #008c6d; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #008c6d; + border-color: #d0d0d0; + box-shadow: none; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: #d11d13; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #a7170f; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #a7170f; + border-color: #a7170f; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #a7170f; + border-color: #d0d0d0; + box-shadow: none; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); color: #ffffff; background-color: #0274ff; border-color: #0274ff; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #015ccc; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #015ccc; + border-color: #015ccc; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: #015ccc; + border-color: #015ccc; + box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); color: #ffffff; background-color: #00af89; border-color: #00af89; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #008c6d; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #008c6d; + border-color: #008c6d; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: #008c6d; + border-color: #008c6d; + box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); color: #ffffff; background-color: #d11d13; border-color: #d11d13; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #a7170f; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #a7170f; + border-color: #a7170f; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: #a7170f; + border-color: #a7170f; + box-shadow: none; } .oo-ui-clippableElement-clippable { -webkit-box-sizing: border-box; @@ -1188,7 +1237,7 @@ box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { - margin-top: 7px; + margin-top: 9px; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { @@ -1201,16 +1250,16 @@ border-top: 0; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before { - bottom: -8px; - left: -13px; + bottom: -10px; + left: -9px; border-bottom-color: #888888; - border-width: 13px; + border-width: 10px; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { - bottom: -8px; - left: -12px; + bottom: -10px; + left: -8px; border-bottom-color: #ffffff; - border-width: 12px; + border-width: 9px; } .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; @@ -1265,6 +1314,11 @@ margin: 0 0.4em; } .oo-ui-checkboxInputWidget input[type="checkbox"] + span::before { + -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); content: ""; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -1276,13 +1330,15 @@ height: 2em; background-color: white; border: 1px solid #777777; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before { background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.svg); background-size: 2em, 2em; background-repeat: no-repeat; background-position: center center; background-origin: border-box; + background-size: 0 0; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before { + background-size: 100% 100%; } .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::before { background-color: #dddddd; @@ -2249,6 +2305,13 @@ .oo-ui-image-invert.oo-ui-icon-link { background-image: /* @embed */ url(themes/mediawiki/images/icons/link-invert.png); } +.oo-ui-icon-lock { + background-image: /* @embed */ url(themes/mediawiki/images/icons/lock.png); +} +.oo-ui-image-invert .oo-ui-icon-lock, +.oo-ui-image-invert.oo-ui-icon-lock { + background-image: /* @embed */ url(themes/mediawiki/images/icons/lock-invert.png); +} .oo-ui-icon-menu { background-image: /* @embed */ url(themes/mediawiki/images/icons/menu.png); } diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.js b/resources/lib/oojs-ui/oojs-ui-mediawiki.js index 09b447449c..4f6eb59335 100644 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki.js +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.6.1 + * OOjs UI v0.6.2 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-01-05T13:04:40Z + * Date: 2015-01-10T01:25:19Z */ /** * @class diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.svg.css b/resources/lib/oojs-ui/oojs-ui-mediawiki.svg.css index 815ef02dcb..9956340761 100644 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki.svg.css +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki.svg.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.6.1 + * OOjs UI v0.6.2 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-01-05T13:04:47Z + * Date: 2015-01-10T01:25:31Z */ .oo-ui-progressBarWidget-slide-frames from { margin-left: -40%; @@ -135,7 +135,8 @@ opacity: 0.2; } .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #dddddd; + color: #ffffff; + background: #eeeeee; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { @@ -162,6 +163,7 @@ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #015ccc; + box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { @@ -174,6 +176,7 @@ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #008c6d; + box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { @@ -186,6 +189,7 @@ .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #a7170f; + box-shadow: none; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { margin: 0.1em 0; @@ -214,97 +218,142 @@ margin-right: 0.3em; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - color: #dddddd; - background: #ffffff; - border: solid 1px #cdcdcd; + color: #ffffff; + background: #eeeeee; + border: #eeeeee; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #757575; background-color: #ffffff; border: solid 1px #cdcdcd; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2); border-color: #aaaaaa; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: #d0d0d0; border-color: #d0d0d0; + box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #0274ff; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #015ccc; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #015ccc; + border-color: #015ccc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #015ccc; + border-color: #d0d0d0; + box-shadow: none; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { color: #00af89; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #008c6d; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #008c6d; + border-color: #008c6d; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #008c6d; + border-color: #d0d0d0; + box-shadow: none; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: #d11d13; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #a7170f; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #a7170f; + border-color: #a7170f; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #a7170f; + border-color: #d0d0d0; + box-shadow: none; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); color: #ffffff; background-color: #0274ff; border-color: #0274ff; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #015ccc; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #015ccc; + border-color: #015ccc; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: #015ccc; + border-color: #015ccc; + box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); color: #ffffff; background-color: #00af89; border-color: #00af89; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #008c6d; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #008c6d; + border-color: #008c6d; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: #008c6d; + border-color: #008c6d; + box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); color: #ffffff; background-color: #d11d13; border-color: #d11d13; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); border-bottom-color: #a7170f; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #a7170f; + border-color: #a7170f; +} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: #a7170f; + border-color: #a7170f; + box-shadow: none; } .oo-ui-clippableElement-clippable { -webkit-box-sizing: border-box; @@ -1188,7 +1237,7 @@ box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { - margin-top: 7px; + margin-top: 9px; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { @@ -1201,16 +1250,16 @@ border-top: 0; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before { - bottom: -8px; - left: -13px; + bottom: -10px; + left: -9px; border-bottom-color: #888888; - border-width: 13px; + border-width: 10px; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { - bottom: -8px; - left: -12px; + bottom: -10px; + left: -8px; border-bottom-color: #ffffff; - border-width: 12px; + border-width: 9px; } .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; @@ -1265,6 +1314,11 @@ margin: 0 0.4em; } .oo-ui-checkboxInputWidget input[type="checkbox"] + span::before { + -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); content: ""; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -1276,13 +1330,15 @@ height: 2em; background-color: white; border: 1px solid #777777; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before { background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.svg); background-size: 2em, 2em; background-repeat: no-repeat; background-position: center center; background-origin: border-box; + background-size: 0 0; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before { + background-size: 100% 100%; } .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::before { background-color: #dddddd; @@ -2249,6 +2305,13 @@ .oo-ui-image-invert.oo-ui-icon-link { background-image: /* @embed */ url(themes/mediawiki/images/icons/link-invert.svg); } +.oo-ui-icon-lock { + background-image: /* @embed */ url(themes/mediawiki/images/icons/lock.svg); +} +.oo-ui-image-invert .oo-ui-icon-lock, +.oo-ui-image-invert.oo-ui-icon-lock { + background-image: /* @embed */ url(themes/mediawiki/images/icons/lock-invert.svg); +} .oo-ui-icon-menu { background-image: /* @embed */ url(themes/mediawiki/images/icons/menu.svg); } diff --git a/resources/lib/oojs-ui/oojs-ui.js b/resources/lib/oojs-ui/oojs-ui.js index ef99551bd4..38aa092615 100644 --- a/resources/lib/oojs-ui/oojs-ui.js +++ b/resources/lib/oojs-ui/oojs-ui.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.6.1 + * OOjs UI v0.6.2 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-01-05T13:04:40Z + * Date: 2015-01-10T01:25:19Z */ ( function ( OO ) { @@ -722,6 +722,7 @@ OO.ui.ActionSet.prototype.organize = function () { * @param {Object} [config] Configuration options * @cfg {Function} [$] jQuery for the frame the widget is in * @cfg {string[]} [classes] CSS class names to add + * @cfg {string} [id] HTML id attribute * @cfg {string} [text] Text to insert * @cfg {jQuery} [$content] Content elements to append (after text) * @cfg {Mixed} [data] Element data @@ -742,6 +743,9 @@ OO.ui.Element = function OoUiElement( config ) { if ( $.isArray( config.classes ) ) { this.$element.addClass( config.classes.join( ' ' ) ); } + if ( config.id ) { + this.$element.attr( 'id', config.id ); + } if ( config.text ) { this.$element.text( config.text ); } @@ -3092,7 +3096,7 @@ OO.ui.WindowManager.prototype.addWindows = function ( windows ) { * * Windows will be closed before they are removed. * - * @param {string} name Symbolic name of window to remove + * @param {string[]} names Symbolic names of windows to remove * @return {jQuery.Promise} Promise resolved when window is closed and removed * @throws {Error} If windows being removed are not being managed */ @@ -3238,12 +3242,11 @@ OO.ui.WindowManager.prototype.toggleAriaIsolation = function ( isolate ) { /** * Destroy window manager. - * - * Windows will not be closed, only removed from the DOM. */ OO.ui.WindowManager.prototype.destroy = function () { this.toggleGlobalEvents( false ); this.toggleAriaIsolation( false ); + this.clearWindows(); this.$element.remove(); }; @@ -10121,6 +10124,8 @@ OO.ui.RadioInputWidget.prototype.isSelected = function () { * @param {Object} [config] Configuration options * @cfg {string} [type='text'] HTML tag `type` attribute * @cfg {string} [placeholder] Placeholder text + * @cfg {boolean} [autofocus=false] Ask the browser to focus this widget, using the 'autofocus' HTML + * attribute * @cfg {boolean} [readOnly=false] Prevent changes * @cfg {boolean} [multiline=false] Allow multiple lines of text * @cfg {boolean} [autosize=false] Automatically resize to fit content @@ -10174,6 +10179,9 @@ OO.ui.TextInputWidget = function OoUiTextInputWidget( config ) { if ( config.placeholder ) { this.$input.attr( 'placeholder', config.placeholder ); } + if ( config.autofocus ) { + this.$input.attr( 'autofocus', 'autofocus' ); + } this.$element.attr( 'role', 'textbox' ); }; diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/lock-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/lock-invert.png new file mode 100644 index 0000000000000000000000000000000000000000..d8d5eac3b92d909814e2a872ea6db808c44f3df8 GIT binary patch literal 256 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjEX7WqAsj$Z!;#Vf4nJ za0`PlBg3pYARUW5T^vI^I^RxEB2O&BYl7BjW_>PO!+70$(_I-)5sohd!L6^uK407+qfURFlS)D{n>E8zVOTj;R3cR zXH;|9*&DP3*G~SR#u=W>R9ZAK)p+|}FQ(Gz%4NE_zrPwBn{g(Y!!dVvKhw$`{J9Hn w3Ixg*DX^M(q#a(AET$v@N7IYf6judXxM3v?}mr>mdKI;Vst04jo2=>Px# literal 0 HcmV?d00001 diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/lock-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/lock-invert.svg new file mode 100644 index 0000000000..016c2ed409 --- /dev/null +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/lock-invert.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/lock.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/lock.png new file mode 100644 index 0000000000000000000000000000000000000000..59787d2767dedb214abab85fb0869c72e73504fd GIT binary patch literal 238 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjEX7WqAsj$Z!;#Vf4nJ za0`PlBg3pYARQAtT^vI^I^SL}sj5pSiK|cpw$Y2 z2@!^3f}a)${A>HJkn*pQ^P0tj95Q)~0nO}^`%8hcT~jsux54sadM ecQxAol&ki?npvj*uhT%cF?hQAxvX + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.png index 226eb5c3081d2a2044fbf144ff7a49d6e6533954..55f3d1f02957f170b5f1486c55644245bbe5e7a3 100644 GIT binary patch delta 137 zcmV;40CxY{0m=c8Nq=lfL_t(2kyFMCz5)SgYDAvL_t(2k;Ra~3BphiM7Nj_O>tU7G|_Y<7Nm(5@!op*qCyB> z#5pZ9k7byMpG(~WC$(B&D&VYc0vIwgfs0ztz%_6!%rPP&fI~4xb@hZZa}A6o>pwmL zeF-MDQ5#??UN_qn=n8NH?&aPujsWcPrFId1>)w71|6dO@Z4#HkAttS#00000NkvXX Hu0mjf1BE^h diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.svg index 31a561a98a..6ee680393c 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.svg @@ -1,6 +1,6 @@ - - + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.png index 9a418c9622a8e3f5c1ca2394b8512d08cd98cf3d..db8c51de130bac0989f8a05a7090daac915e2a7d 100644 GIT binary patch delta 116 zcmV-)0E_?20k#22XMO{lhz0E@c})9_{O3FX_nsQeqFc3!00000NkvXXt^-0~f=xU=@c;k- diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.svg index d64695fb66..0c0da8ed58 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.svg @@ -1,6 +1,6 @@ - - + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr-invert.png index a34849523e275fa26f9bfe567bc177c5bfee34a4..9edc9deb77b0f3d0bb623568aa0714788ea724f2 100644 GIT binary patch delta 93 zcmV-j0HXiV0iOYoNmfBgL_t(2kz-(>1pNR1zvBP@{|!WI`1|+o{{Ij_oTh*O{%QUF z`}gI*YGNYF1gbfSWcUC5`}ZKJo-H9M;)nqNc#CYYYZXnM00000NkvXXu0mjfgp4qa delta 144 zcmV;B0B`@F0nq`FNq=)mL_t(2k(JR)3WHD#h2eYMk5pY*t&dKM%Pa21*9!iVPOczA zC1x1%9YPYqp(G8G-oabI*UU^(=K_*)U`nX - + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr.png index bfed7d2624cf48d63185b29a5675a3479575f6c5..19e98206724a06858def9e46e81683d5dcee618d 100644 GIT binary patch delta 87 zcmX@lIFoULXMnY*i(`n!#N>np0wD$l1|}00CE7DHAFdBF$uu-D*dr6+>vLq5gQ@z& rH~*SjM2r`Ibd`{h=o8Mi3S?lIv_*KM>zS$63_#%N>gTe~DWM4fEpZ+2 delta 142 zcmV;90CE4B0nY)DNq=!kL_t(2k(JTg4T4Y%0MMg%36~%~z8K2~{JMY>F#v{LKpjDU zE{T#TwSR4Tnx;)Y - + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl-invert.png index 5080ea5bffd42c46d8225ea08f5ab2fb2c0437c7..ac769a3e8ef738f35a80930e9567840fad78730e 100644 GIT binary patch delta 118 zcmV-+0Ez$Q0k{E>NpD(7L_t(2k*$rp4S+BZL(hm=K(HPQWGouS;nP!}O-qqPIfP65 zJ=yHfNJ=D^W>}KkeT~37$)OcKBJfFa%rRZXuWi|vi{$i0nxoS8?)#DeAW1R+chf^D Y4_ISr80y)Hu>b%707*qoM6N<$f;w9?sQ>@~ delta 164 zcmV;V09*gK0p$UZNq>h)L_t(2k(JQF4Z<)C1yH+TlOhniu|Y4bXkj5F7Al~Q(8K@c z;z$9hN$|HGt#5r@n= SY;GO^0000 - + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.png index 06398090f2e542efa9603b0d9d749610a524159f..d912a1bb07b2f45e526386c5739f6c642f06910b 100644 GIT binary patch delta 112 zcmV-$0FVFE0kQ#*NoiC`L_t(2k)6#u5q7aTG7Y StmU@=0000bD!LayaUCT6j}FE&KO91zZ+`l za-ic3q6r!8O)HN!0+u(J#AdtbTCPHeqU_=gJ31ObQ+u%801E&B07*qoM6N<$f(*<- A8~^|S diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.svg index 304c516826..e4c04b80a1 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.svg @@ -1,6 +1,6 @@ - + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up-invert.png index 04749267526baafbed9894e35a3e9e607887802a..c8f440206953cc146ccf72d3bc67961b5e5256a1 100644 GIT binary patch delta 131 zcmV-}0DS-D0mT83NqlEXL_t(2k=2l~4Zt7_1hJ=K4K@R^7K5+>ZK`zdPXiKB6oo2M zuCnaA#?Ji%02_e3EVJ_(0mxl!09v2ZlbnW3(v$QfA{j3-$vDf?{uXIJ9A;KjHHb(Z lfrwO94Q5tI?n_Vjo)avrcmd4Jw;KQe002ovPDHLkV1oKXH8lVL delta 164 zcmV;V09*gX0p$UZNq>h)L_t(2k;Tx<4Z=_iMA6J^hEJMEVL(1Kg{TA?2qY}1VD4jM zBosv`E10EyEL$#$zXaF=yQR3!5#aC@=bW3IbGAL&9%HDU#kSkP15g5`?ID&mQ``l< z0h^EWwzlulYv1@7g&tVVoVm8$hv|}}CvcKfrIfDI0ZA806&-Mv^jPq>U*`p*Cyw6x S7y&x~0000 - + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.png index ac9f0b5351bb72ec9fa801532a3e2d4404dd3733..214b12e3976c4547d712ea399b524a9d429f0cf6 100644 GIT binary patch delta 114 zcmV-&0FD360ki>-No!U~L_t(2kz-&OGN74(fuV^M#s8t0pr$6M!sk%@pMim)5trgd zB*hv~4AazruDAhBF$`d6VuDJ1V_;y|!@$7c$iTpG14+XTsMsC`28IuW{4+oR09t<- UqkPQx?*IS*07*qoM6N<$g050BSpWb4 delta 140 zcmV;70CWGe0nGuBNq=uiL_t(2k;RY834kyVL?2j;zmwfqjK63}HsaX=)QCOA%LpP7 zy=7nyJM(r!Ae3sL`U|&!lbbKN6S&Jx2fQ)@ERf4qS@(o{6)TY5@(kG2nJXL=EI{me uIZ@|;J^~62B`|vy4q()=>FqxObpq_l9VtP}nUeqj002ovP6b4+LSTZ2RXMQ$ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.svg index 4769526e65..ad41a87b97 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.svg @@ -1,6 +1,6 @@ - + -- 2.20.1