X-Git-Url: https://git.heureux-cyclage.org/?p=lhc%2Fweb%2Fwiklou.git;a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-core-apex.css;h=369cf096baa8d82c4ead0ec794668ec7f00a3f27;hp=524c16bb9394ed20cdebd4a86c977b37b96401ab;hb=c584722cc2e3d33edae58d46c2149063b3fc6d72;hpb=32ed9feb39c5acfadf33d34b66cb70bd2ff01d16 diff --git a/resources/lib/oojs-ui/oojs-ui-core-apex.css b/resources/lib/oojs-ui/oojs-ui-core-apex.css index 524c16bb93..369cf096ba 100644 --- a/resources/lib/oojs-ui/oojs-ui-core-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-core-apex.css @@ -1,16 +1,15 @@ /*! - * OOjs UI v0.19.2 + * OOjs UI v0.19.5 * 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-02-14T22:47:25Z + * Date: 2017-03-07T22:57:06Z */ .oo-ui-element-hidden { display: none !important; - /* stylelint-disable-line declaration-no-important */ } .oo-ui-buttonElement { display: inline-block; @@ -41,8 +40,8 @@ cursor: default; } .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, -.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, -.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { +.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { display: inline-block; vertical-align: middle; } @@ -67,7 +66,7 @@ } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { - outline: none; + outline: 0; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon { @@ -124,7 +123,7 @@ .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { border-color: #aaa; - outline: none; + outline: 0; } .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { @@ -146,6 +145,8 @@ .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { margin-left: -0.5em; margin-right: -0.5em; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { margin-right: 0.3em; @@ -472,7 +473,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { position: relative; } .oo-ui-panelLayout-scrollable { - overflow-y: auto; + overflow: auto; -webkit-transform: translateZ(0); transform: translateZ(0); } @@ -650,7 +651,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-popupWidget { position: absolute; - left: 0; } .oo-ui-popupWidget-popup { position: relative; @@ -664,9 +664,48 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { display: block; position: absolute; + background-repeat: no-repeat; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before, +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { + content: ''; + position: absolute; + width: 0; + height: 0; + border-style: solid; + border-color: transparent; +} +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor { + left: 0; /* `top` property is to be set in theme's selector due to specific `@size-anchor` values */ +} +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before, +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { + border-top: 0; +} +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { left: 0; - background-repeat: no-repeat; + /* `bottom` property is to be set in theme's selector due to specific `@size-anchor` values */ +} +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before, +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { + border-bottom: 0; +} +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor { + top: 0; + /* `left` property is to be set in theme's selector due to specific `@size-anchor` values */ +} +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before, +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after { + border-left: 0; +} +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor { + top: 0; + /* `right` property is to be set in theme's selector due to specific `@size-anchor` values */ +} +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before, +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after { + border-right: 0; } .oo-ui-popupWidget-head { -webkit-touch-callout: none; @@ -694,34 +733,78 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { border-radius: 0.25em; box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2); } -.oo-ui-popupWidget-anchored { +.oo-ui-popupWidget-anchored-top { margin-top: 6px; } -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor { top: -6px; } -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before, -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { - content: ''; - position: absolute; - width: 0; - height: 0; - border-style: solid; - border-color: transparent; - border-top: 0; -} -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before { +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { bottom: -7px; left: -6px; border-bottom-color: #aaa; border-width: 7px; } -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { bottom: -7px; left: -5px; border-bottom-color: #fff; border-width: 6px; } +.oo-ui-popupWidget-anchored-bottom { + margin-bottom: 6px; +} +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { + bottom: -6px; +} +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { + top: -7px; + left: -6px; + border-top-color: #aaa; + border-width: 7px; +} +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { + top: -7px; + left: -5px; + border-top-color: #fff; + border-width: 6px; +} +.oo-ui-popupWidget-anchored-start { + margin-left: 6px; +} +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor { + left: -6px; +} +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before { + right: -7px; + top: -6px; + border-right-color: #aaa; + border-width: 7px; +} +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after { + right: -7px; + top: -5px; + border-right-color: #fff; + border-width: 6px; +} +.oo-ui-popupWidget-anchored-end { + margin-right: 6px; +} +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor { + right: -6px; +} +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before { + left: -7px; + top: -6px; + border-left-color: #aaa; + border-width: 7px; +} +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after { + left: -7px; + top: -5px; + border-left-color: #fff; + border-width: 6px; +} .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { -webkit-transition: width 100ms ease, height 100ms ease, left 100ms ease; -moz-transition: width 100ms ease, height 100ms ease, left 100ms ease; @@ -748,10 +831,12 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-popupButtonWidget .oo-ui-popupWidget { cursor: auto; } -.oo-ui-popupWidget.oo-ui-popupButtonWidget-frameless-popup { +.oo-ui-popupButtonWidget-frameless-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor, +.oo-ui-popupButtonWidget-frameless-popup.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { margin-left: 0.9375em; } -.oo-ui-popupWidget.oo-ui-popupButtonWidget-framed-popup { +.oo-ui-popupButtonWidget-framed-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor, +.oo-ui-popupButtonWidget-framed-popup.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { margin-left: 1.2375em; } .oo-ui-inputWidget { @@ -807,7 +892,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color: rgba(0, 0, 0, 0.2); - outline: none; + outline: 0; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: #ccc; @@ -934,9 +1019,34 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending { background-color: transparent; } +.oo-ui-textInputWidget input::-webkit-input-placeholder, +.oo-ui-textInputWidget textarea::-webkit-input-placeholder { + color: #72777d; + opacity: 1; +} +.oo-ui-textInputWidget input:-ms-input-placeholder, +.oo-ui-textInputWidget textarea:-ms-input-placeholder { + color: #72777d; + opacity: 1; +} +.oo-ui-textInputWidget input::-moz-placeholder, +.oo-ui-textInputWidget textarea::-moz-placeholder { + color: #72777d; + opacity: 1; +} +.oo-ui-textInputWidget input:-moz-placeholder, +.oo-ui-textInputWidget textarea:-moz-placeholder { + color: #72777d; + opacity: 1; +} +.oo-ui-textInputWidget input::placeholder, +.oo-ui-textInputWidget textarea::placeholder { + color: #72777d; + opacity: 1; +} .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { - outline: none; + outline: 0; border-color: #a7dcff; box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff; } @@ -1058,9 +1168,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { -moz-box-sizing: border-box; box-sizing: border-box; } -.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator, -.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { +.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon, +.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { position: absolute; + top: 0; + height: 100%; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { cursor: pointer; @@ -1076,20 +1188,18 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-dropdownWidget-handle:hover { border-color: rgba(0, 0, 0, 0.2); } -.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { - top: 0; - right: 0; - margin: 0.775em; -} .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - top: 0; left: 0.25em; - margin: 0.3em; + margin: 0 0.3em; } .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { line-height: 2.5em; margin: 0 0.5em; } +.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { + right: 0; + margin: 0 0.775em; +} .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: #ccc; text-shadow: 0 1px 1px #fff;