X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Fooui%2Foojs-ui-core-apex.css;h=f03ec30f5f8c190b966f3ab423b6cc2b69952128;hb=dfec83932fd38a9086eb5a2e212889ad00f35b0e;hp=dab2e333ec3c3f23ecb0bacc4296e00959764252;hpb=bfb8f5c9d3d2046271c027401e31c9645ad792cd;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/ooui/oojs-ui-core-apex.css b/resources/lib/ooui/oojs-ui-core-apex.css index dab2e333ec..f03ec30f5f 100644 --- a/resources/lib/ooui/oojs-ui-core-apex.css +++ b/resources/lib/ooui/oojs-ui-core-apex.css @@ -1,12 +1,12 @@ /*! - * OOUI v0.31.6 + * OOUI v0.33.1 * https://www.mediawiki.org/wiki/OOUI * * Copyright 2011–2019 OOUI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2019-05-08T10:08:44Z + * Date: 2019-07-03T21:05:15Z */ .oo-ui-element-hidden { display: none !important; @@ -429,6 +429,9 @@ .oo-ui-fieldLayout .oo-ui-fieldLayout-help { float: right; } +.oo-ui-fieldLayout .oo-ui-fieldLayout-help:not( .oo-ui-popupButtonWidget ) > .oo-ui-buttonElement-button { + cursor: help; +} .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help { margin-right: 0; @@ -483,7 +486,6 @@ color: #ccc; } .oo-ui-fieldLayout-messages { - list-style: none none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -491,28 +493,6 @@ margin: 0.25em 0 0 0.25em; padding: 0; } -.oo-ui-fieldLayout-messages > [class|='oo-ui-fieldLayout-messages'] { - color: #000; - display: table; - margin: 0.625em 0 0; - padding: 0; -} -.oo-ui-fieldLayout-messages > [class|='oo-ui-fieldLayout-messages']:first-child { - margin-top: 0.3125em; -} -.oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error { - color: #d45353; -} -.oo-ui-fieldLayout-messages .oo-ui-iconWidget.oo-ui-iconElement-icon { - background-position: 0 0; - display: table-cell; -} -.oo-ui-fieldLayout-messages .oo-ui-labelWidget { - display: table-cell; - padding-left: 0.5em; - line-height: 1.5; - vertical-align: middle; -} .oo-ui-actionFieldLayout-input, .oo-ui-actionFieldLayout-button { @@ -538,9 +518,11 @@ margin-left: -1px; } .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:hover, -.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:hover ~ *, .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:focus, -.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:focus ~ * { +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget.oo-ui-flaggedElement-invalid > .oo-ui-inputWidget-input, +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:hover ~ *, +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:focus ~ *, +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget.oo-ui-flaggedElement-invalid > .oo-ui-inputWidget-input ~ * { z-index: 1; } .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button > .oo-ui-buttonElement > .oo-ui-buttonElement-button:hover, @@ -571,12 +553,18 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { float: left; width: 100%; } +.oo-ui-fieldsetLayout > .oo-ui-inline-help { + clear: left; +} .oo-ui-fieldsetLayout-group { clear: both; } .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help { float: right; } +.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help:not( .oo-ui-popupButtonWidget ) > .oo-ui-buttonElement-button { + cursor: help; +} .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header { max-width: 50em; } @@ -601,6 +589,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { top: 0.25em; left: 0; } +.oo-ui-fieldsetLayout > .oo-ui-inline-help { + margin-bottom: 0.5em; +} .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget { margin-right: 0; } @@ -753,6 +744,54 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { font-size: 0.9375em; } +.oo-ui-messageWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0.3125em 0.78125em; + font-weight: bold; +} +.oo-ui-messageWidget .oo-ui-labelElement-label { + display: block; +} +.oo-ui-messageWidget.oo-ui-messageWidget-block { + border: 1px solid; + padding: 1.5625em 1.875em; +} +.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { + background-color: #ffdcdc; + border-color: #d45353; +} +.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { + background-color: #fff8c6; + border-color: #b85c00; +} +.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { + background-color: #d5fdd6; + border-color: #34782b; +} +.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { + background-color: #fafafa; + border-color: #ccc; +} +.oo-ui-messageWidget.oo-ui-flaggedElement-error:not( .oo-ui-messageWidget-block ) { + color: #d45353; +} +.oo-ui-messageWidget.oo-ui-flaggedElement-success:not( .oo-ui-messageWidget-block ) { + color: #34782b; +} +.oo-ui-messageWidget .oo-ui-iconElement-icon { + display: block; + float: left; + margin: 0; +} +.oo-ui-messageWidget .oo-ui-labelElement-label { + margin-top: 0.15625em; + margin-left: 2.5em; + line-height: 1.4; +} + .oo-ui-iconWidget { vertical-align: middle; -webkit-touch-callout: none; @@ -1086,9 +1125,13 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { max-width: 50em; } .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget, -.oo-ui-dropdownInputWidget.oo-ui-dropdownInputWidget-php select { +.oo-ui-dropdownInputWidget.oo-ui-dropdownInputWidget-php select, +.oo-ui-dropdownInputWidget.oo-ui-isMobile select { display: block; } +.oo-ui-dropdownInputWidget.oo-ui-isMobile .oo-ui-dropdownWidget { + display: none; +} .oo-ui-dropdownInputWidget select { display: none; background-position: -9999em 0; @@ -1155,15 +1198,13 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-textInputWidget .oo-ui-inputWidget-input { -webkit-appearance: none; + -moz-appearance: textfield; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } -.oo-ui-textInputWidget input { - -moz-appearance: textfield; -} .oo-ui-textInputWidget input::-ms-clear { display: none; } @@ -1224,20 +1265,15 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { color: #000; border: 1px solid #ccc; border-radius: 3px; - padding: 0.546875em 0.5em 0.625em 0.5em; + padding: 0.46875em 0.5em; box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd; font-size: inherit; font-family: inherit; + line-height: 1.40625em; -webkit-transition: border-color 250ms, box-shadow 250ms; -moz-transition: border-color 250ms, box-shadow 250ms; transition: border-color 250ms, box-shadow 250ms; } -.oo-ui-textInputWidget input { - line-height: 1.172em; -} -.oo-ui-textInputWidget textarea { - line-height: 1.275; -} .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: #ddd; } @@ -1265,8 +1301,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: #767676; top: 1px; - padding: 0.546875em 0.4em 0.625em 0.4em; - line-height: 1.172em; + padding: 0.46875em 0.4em; + line-height: 1.40625em; } .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { margin-right: 2.0875em; @@ -1381,26 +1417,21 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { position: relative; width: 100%; display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0; + white-space: nowrap; overflow: hidden; - font-family: inherit; - font-size: inherit; - text-align: left; text-overflow: ellipsis; - white-space: nowrap; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } -.oo-ui-dropdownWidget-handle::-moz-focus-inner { - border-color: transparent; - padding: 0; +.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { + display: inline-block; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { cursor: pointer; @@ -1409,9 +1440,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { margin-right: 0; } .oo-ui-dropdownWidget-handle { - height: 2.5em; + min-height: 2.5em; border: 1px solid #ccc; border-radius: 3px; + padding: 0.46875em 2.5em 0.46875em 0.78125em; + line-height: 1; } .oo-ui-dropdownWidget-handle:focus { outline: 0; @@ -1421,24 +1454,19 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { position: absolute; top: 0; height: 100%; + margin: 0; } .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - left: 0.25em; - margin: 0 0.3em; + left: 0.55em; } .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - line-height: 2.5em; - margin: 0 0.5em; + line-height: 1.40625em; } .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { - right: 0; - margin: 0 0.775em; -} -.oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-left: 3em; + right: 0.775em; } -.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle { - padding-right: 2.5em; +.oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle { + padding-left: 3em; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: #fff; @@ -1675,6 +1703,10 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget { width: 2.5em; } +.oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget, +.oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input { + height: 2.5em; +} .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button .oo-ui-iconElement-icon { min-width: 20px; width: 1.5625em; @@ -1696,7 +1728,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-selectFileInputWidget { width: 100%; max-width: 50em; - margin-right: 0.5em; } .oo-ui-selectFileInputWidget-selectButton > .oo-ui-buttonElement-button { position: relative; @@ -1739,9 +1770,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-selectFileInputWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileInputWidget-label { cursor: default; } -.oo-ui-selectFileInputWidget:last-child { - margin-right: 0; -} .oo-ui-selectFileInputWidget-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;