From 6c98f7d1c63110e88198f701ed37b2ed424fcb17 Mon Sep 17 00:00:00 2001 From: "James D. Forrester" Date: Tue, 12 May 2015 13:26:13 +0100 Subject: [PATCH] Update OOjs UI to v0.11.3 Release notes: https://git.wikimedia.org/blob/oojs%2Fui.git/v0.11.3/History.md Change-Id: I3b1ffc8fd346bb6cc8f1029f64e4855afa1db168 --- composer.json | 2 +- .../oojs-ui/oojs-ui-mediawiki-noimages.css | 124 +++++++++--------- resources/lib/oojs-ui/oojs-ui-mediawiki.js | 4 +- resources/lib/oojs-ui/oojs-ui.js | 28 +++- .../lib/oojs-ui/themes/mediawiki/icons.json | 2 +- .../mediawiki/images/icons/quotes-ltr.png | Bin 305 -> 319 bytes .../mediawiki/images/icons/quotes-ltr.svg | 17 ++- .../mediawiki/images/icons/quotes-rtl.png | Bin 278 -> 326 bytes .../mediawiki/images/icons/quotes-rtl.svg | 17 ++- .../images/icons/tag-constructive.png | Bin 0 -> 419 bytes .../images/icons/tag-constructive.svg | 6 + .../images/icons/tag-destructive.png | Bin 0 -> 438 bytes .../images/icons/tag-destructive.svg | 6 + .../images/icons/tag-progressive.png | Bin 0 -> 424 bytes .../images/icons/tag-progressive.svg | 6 + .../mediawiki/images/icons/tag-warning.png | Bin 0 -> 403 bytes .../mediawiki/images/icons/tag-warning.svg | 6 + 17 files changed, 141 insertions(+), 77 deletions(-) create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-constructive.png create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-constructive.svg create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-destructive.png create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-destructive.svg create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-progressive.png create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-progressive.svg create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-warning.png create mode 100644 resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-warning.svg diff --git a/composer.json b/composer.json index da6d3344fa..0789eee02a 100644 --- a/composer.json +++ b/composer.json @@ -20,7 +20,7 @@ "ext-iconv": "*", "leafo/lessphp": "0.5.0", "liuggio/statsd-php-client": "1.0.12", - "oojs/oojs-ui": "0.11.2", + "oojs/oojs-ui": "0.11.3", "php": ">=5.3.3", "psr/log": "1.0.0", "wikimedia/cdb": "1.0.1", diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css b/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css index a3566c61bb..12e80c11b3 100644 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.11.2 + * OOjs UI v0.11.3 * 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-05-11T17:24:34Z + * Date: 2015-05-12T12:15:44Z */ @-webkit-keyframes oo-ui-progressBarWidget-slide { from { @@ -151,7 +151,7 @@ } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .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: #2962cc; + color: #1f4999; box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, @@ -163,7 +163,7 @@ } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .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; + color: #005946; box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, @@ -175,7 +175,7 @@ } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .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; + color: #73100a; box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { @@ -231,15 +231,15 @@ border: 1px solid #cdcdcd; } .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); + background-color: #ebebeb; } .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-pressed > .oo-ui-buttonElement-button { - background-color: #d0d0d0; - border-color: #d0d0d0; + background-color: #d9d9d9; + border-color: #d9d9d9; box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { @@ -250,17 +250,17 @@ color: #347bff; } .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 #2962cc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #2962cc; + background-color: rgba(52, 123, 255, 0.1); + border-color: rgba(31, 73, 153, 0.5); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #2962cc; - border-color: #2962cc; + box-shadow: inset 0 0 0 1px #1f4999; + border-color: #1f4999; } .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-pressed > .oo-ui-buttonElement-button { - color: #2962cc; - border-color: #d0d0d0; + color: #1f4999; + border-color: #1f4999; box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { @@ -271,17 +271,17 @@ color: #00af89; } .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; + background-color: rgba(0, 171, 137, 0.1); + border-color: rgba(0, 89, 70, 0.5); } .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; + box-shadow: inset 0 0 0 1px #005946; + border-color: #005946; } .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-pressed > .oo-ui-buttonElement-button { - color: #008c6d; - border-color: #d0d0d0; + color: #005946; + border-color: #005946; box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { @@ -292,17 +292,17 @@ color: #d11d13; } .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; + background-color: rgba(209, 29, 19, 0.1); + border-color: rgba(115, 16, 10, 0.5); } .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; + box-shadow: inset 0 0 0 1px #73100a; + border-color: #73100a; } .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-pressed > .oo-ui-buttonElement-button { - color: #a7170f; - border-color: #d0d0d0; + color: #73100a; + border-color: #73100a; box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { @@ -315,18 +315,18 @@ border-color: #347bff; } .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 #2962cc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #2962cc; + background: #2962cc; + border-color: #2962cc; } .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 #2962cc; - border-color: #2962cc; + box-shadow: inset 0 0 0 1px #ffffff; + border-color: #347bff; } .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-pressed > .oo-ui-buttonElement-button { color: #ffffff; - background-color: #2962cc; - border-color: #2962cc; + background-color: #1f4999; + border-color: #1f4999; box-shadow: none; } .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 { @@ -339,18 +339,18 @@ border-color: #00af89; } .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; + background: #008064; + border-color: #008064; } .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; + box-shadow: inset 0 0 0 1px #ffffff; + border-color: #00af89; } .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-pressed > .oo-ui-buttonElement-button { color: #ffffff; - background-color: #008c6d; - border-color: #008c6d; + background-color: #005946; + border-color: #005946; box-shadow: none; } .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 { @@ -363,18 +363,18 @@ border-color: #d11d13; } .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; + background: #8c130d; + border-color: #8c130d; } .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; + box-shadow: inset 0 0 0 1px #ffffff; + border-color: #d11d13; } .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-pressed > .oo-ui-buttonElement-button { color: #ffffff; - background-color: #a7170f; - border-color: #a7170f; + background-color: #73100a; + border-color: #73100a; box-shadow: none; } .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 { @@ -771,13 +771,13 @@ .oo-ui-toolGroup .oo-ui-toolGroup .oo-ui-widget-enabled { border-right: none !important; } -.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { - color: #000000; -} .oo-ui-barToolGroup > .oo-ui-iconElement-icon, .oo-ui-barToolGroup > .oo-ui-labelElement-label { display: none; } +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { + cursor: pointer; +} .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool { display: inline-block; position: relative; @@ -790,17 +790,18 @@ display: none; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon { - display: block; + display: inline-block; + vertical-align: top; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title { display: none; } +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title { + display: inline; +} .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link { cursor: default; } -.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { - cursor: pointer; -} .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { height: 1.875em; padding: 0.625em; @@ -817,6 +818,9 @@ border-color: rgba(0, 0, 0, 0.2); background-color: #eeeeee; } +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title { + color: #555555; +} .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled { border-color: rgba(0, 0, 0, 0.2); box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); @@ -828,10 +832,13 @@ .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { border-left-color: rgba(0, 0, 0, 0.1); } +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title { + color: #cccccc; +} .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon { opacity: 0.2; } -.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled .oo-ui-iconElement-icon { +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-iconElement-icon { opacity: 0.7; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon { @@ -840,7 +847,10 @@ .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:active { background-color: #e7e7e7; } -.oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { +.oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title { + color: #cccccc; +} +.oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-iconElement-icon { opacity: 0.2; } .oo-ui-popupToolGroup { @@ -993,6 +1003,7 @@ } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { padding-left: 0.5em; + color: #000000; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel, .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { @@ -1150,6 +1161,7 @@ .oo-ui-toolbar-bar .oo-ui-toolbar-bar { border: none; background: none; + box-shadow: none; } .oo-ui-toolbar-actions > .oo-ui-buttonElement { margin-top: 0.25em; @@ -1159,12 +1171,6 @@ .oo-ui-toolbar-actions > .oo-ui-buttonElement:last-child { margin-right: 0.5em; } -.oo-ui-toolbar-shadow { - background-image: /* @embed */ url(themes/mediawiki/images/toolbar-shadow.png); - bottom: -9px; - height: 9px; - opacity: 0.5; -} .oo-ui-optionWidget { position: relative; display: block; diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.js b/resources/lib/oojs-ui/oojs-ui-mediawiki.js index 183fe8e6af..eaca1f15a8 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.11.2 + * OOjs UI v0.11.3 * 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-05-11T17:24:27Z + * Date: 2015-05-12T12:15:37Z */ /** * @class diff --git a/resources/lib/oojs-ui/oojs-ui.js b/resources/lib/oojs-ui/oojs-ui.js index f881a12aba..9692d5cfac 100644 --- a/resources/lib/oojs-ui/oojs-ui.js +++ b/resources/lib/oojs-ui/oojs-ui.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.11.2 + * OOjs UI v0.11.3 * 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-05-11T17:24:27Z + * Date: 2015-05-12T12:15:37Z */ ( function ( OO ) { @@ -6489,6 +6489,7 @@ OO.ui.Tool = function OoUiTool( toolGroup, config ) { 'oo-ui-tool ' + 'oo-ui-tool-name-' + this.constructor.static.name.replace( /^([^\/]+)\/([^\/]+).*$/, '$1-$2' ) ) + .toggleClass( 'oo-ui-tool-with-label', this.constructor.static.displayBothIconAndLabel ) .append( this.$link ); this.setTitle( config.title || this.constructor.static.title ); }; @@ -6549,6 +6550,16 @@ OO.ui.Tool.static.group = ''; */ OO.ui.Tool.static.title = ''; +/** + * Whether this tool should be displayed with both title and label when used in a bar tool group. + * Normally only the icon is displayed, or only the label if no icon is given. + * + * @static + * @inheritable + * @property {boolean} + */ +OO.ui.Tool.static.displayBothIconAndLabel = false; + /** * Tool can be automatically added to catch-all groups. * @@ -10791,6 +10802,9 @@ OO.ui.ToolGroupTool = function OoUiToolGroupTool( toolGroup, config ) { // Properties this.innerToolGroup = this.createGroup( this.constructor.static.groupConfig ); + // Events + this.innerToolGroup.connect( this, { disable: 'onToolGroupDisable' } ); + // Initialization this.$link.remove(); this.$element @@ -10823,6 +10837,16 @@ OO.ui.ToolGroupTool.prototype.onSelect = function () { return false; }; +/** + * Synchronize disabledness state of the tool with the inner toolgroup. + * + * @private + * @param {boolean} disabled Element is disabled + */ +OO.ui.ToolGroupTool.prototype.onToolGroupDisable = function ( disabled ) { + this.setDisabled( disabled ); +}; + /** * Handle the toolbar state being updated. * diff --git a/resources/lib/oojs-ui/themes/mediawiki/icons.json b/resources/lib/oojs-ui/themes/mediawiki/icons.json index 948ae6c7d6..d385eb11f6 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/icons.json +++ b/resources/lib/oojs-ui/themes/mediawiki/icons.json @@ -65,7 +65,7 @@ "rtl": "images/icons/search-rtl.svg" } }, "settings": { "file": "images/icons/settings.svg" }, - "tag": { "file": "images/icons/tag.svg" }, + "tag": { "file": "images/icons/tag.svg", "variants": [ "destructive", "warning", "constructive", "progressive" ] }, "undo": { "file": { "ltr": "images/icons/arched-arrow-rtl.svg", "rtl": "images/icons/arched-arrow-ltr.svg" diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/quotes-ltr.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/quotes-ltr.png index 7060db71b39a3427a327c418d9e235c69f54355b..ffe3601d200e5b71b8740d9b4fd92a0d1356e912 100644 GIT binary patch delta 254 zcmV1)~Nq^x#*Li9q9)cNBU#afa|FFu4LZ9C};~@V5^CFH+M9y@lc_kN8x8Vqg3hu zyJ0`aW!OI}?&7Onq8HWoKhIt;j3$iN3HGo`=-=2(1oSiEhl&SKi&Q`_)3aaKJQt9A z5viWPe~kBx_EB}1nsipGS9nqUvBwqq5;rvlY-#xgpKAFr7brqON&o-=07*qoM6N<$ Ef;^sjZvX%Q delta 240 zcmV - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/quotes-rtl.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/quotes-rtl.png index df0facfa789c9a883395fac4441ea404a61f18e5..a2acf5e943ae0a0564f8ea7d29a544ec5f8d674a 100644 GIT binary patch delta 261 zcmV+g0s8)y0>%Q6Nq^``L_t(YiS5*}E(AdU#_^xyPNL9=5b*#@PfxS;@ePKV2rtl4Ka!MX&b>RPVg2=&MSNamyu+*jeZ1!~qrqr6fu00000 LNkvXXu0mjfD?)kl delta 213 zcmV;`04o2+0+s@hNq@LWL_t(YiS3g;3IZ_@MxTG@P_VG@65e2~Y;3mEt9S@+;ce7f z5D^ry5SCcD!kCaSi75p4!4yN@@P!P4hQFhg*`s6iSD*m;z#h1G=HA`_*w(#@Ghphv z1Es>d0ds9Y!RzKm)Kcj!v>`oUB?ceB_zTa=S`2S8cn(88pH5(u; - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-constructive.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-constructive.png new file mode 100644 index 0000000000000000000000000000000000000000..66af3753d7a7a1d6f8e2c38426ef361d193c953d GIT binary patch literal 419 zcmV;U0bKrxP)Kle{j5(^rJyQeU+rfha1*-HBZwJim=b z5jiIe<6B6O*pH~4ZlZb{pK6iR%iH!|hlKED3Y+`3veRdw?$7gL8W=Kt;U=|0eq%3gY0^LFkSn&3 zo}H*hq-1qaIJoZMotmFT%`xaOV%8{lyWd*xM71)>VR`oFga7%pyaLx1ZRyOeE(HJp N002ovPDHLkV1nDQvQz*7 literal 0 HcmV?d00001 diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-constructive.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-constructive.svg new file mode 100644 index 0000000000..82171db6dd --- /dev/null +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-constructive.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-destructive.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-destructive.png new file mode 100644 index 0000000000000000000000000000000000000000..1de90d48b49faf63fd43e30878c3e281e566cbe7 GIT binary patch literal 438 zcmV;n0ZIOeP)KleFuV z=ltKyxxi5WUJ_M&oSrPI`?>))+FMr$ol*9K=8=G<0l27QTWq#Jyt6omP_BBpLyKuH z6`-f(H-XZp$dtluw=5!iX(5RKLofV#^S<=dcyY#Qua_2*O)>?yRPl0iz_SYL{oQmR zSP<^V-AOdS^b-+qj5*{kv55hY$RogK`5yqqpmBv|mO)!F z;hS;ckn%SI)V%znN&BojiGpR!w)`MGPTDtcg0B3aajEK7L0bwYX4`|pf20R*yil1L gpa1pXq5iJE0iHpDwG=SVvH$=807*qoM6N<$f|yUeCjbBd literal 0 HcmV?d00001 diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-destructive.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-destructive.svg new file mode 100644 index 0000000000..3d485128c6 --- /dev/null +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-destructive.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-progressive.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-progressive.png new file mode 100644 index 0000000000000000000000000000000000000000..a6759e21ed6cb957ba401409de25dc96bf6140cc GIT binary patch literal 424 zcmV;Z0ayNsP)Klf6mb(ws}Tsj;8RCQV)y=og>z?{u_ z0TOx?vn86%0K884yS|VD0Q-ZE#>0-@!{j7Y^nw%sv=OvetG74{v319WLWmns!t2*+ zNRP0D`tPggk{}0w&vWM-P8;-b>Yx^FhevUk@JZ@9G08({^;A SQ#Bp{0000 + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-warning.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-warning.png new file mode 100644 index 0000000000000000000000000000000000000000..77fc366a47fbc1451988962572f158ec33941e74 GIT binary patch literal 403 zcmV;E0c`$>P)Klf6nqK@f$%nL;oYf~B@L zf?%ZxqNL6%*f5_|{I+~g4?ZHNd8K89c?S|}(uV`Ct>?B1+kqvTY}ncefv zu)8qTzn6qetFh+7jl$fR?>q^#q{EqjrvNnKujIo4R9Fz9MV(WRG?xk(>cwH*jYWgo z5&tL^QV1}kuNn8+_ZpE^*>f@H#OZT$ICncp(5l z+YCggnDJH^4ttt$8LB6J7HhEMpY&8I<-^t4mkt-vCQ|^~W*|B~iGhoAP!tY{6Aa~5 x$_7^`vjR=cIRDA{Bw3AB+hyz5gQxnt`T~M^V}f2#jpYCU002ovPDHLkV1kX1q#^(S literal 0 HcmV?d00001 diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-warning.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-warning.svg new file mode 100644 index 0000000000..337adb6390 --- /dev/null +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/tag-warning.svg @@ -0,0 +1,6 @@ + + + + + + -- 2.20.1