X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-widgets-apex.css;h=6f681c23342346dd06d40c8a680a541b511f0288;hb=33eabfd8d6a738ae3ed13e3f52c0bbd7664e581a;hp=41abacbe37a432636f060ba488a74af0fde481ff;hpb=c7a997a3789035d66995eff716b80aec783f9acd;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-widgets-apex.css b/resources/lib/oojs-ui/oojs-ui-widgets-apex.css index 41abacbe37..6f681c2334 100644 --- a/resources/lib/oojs-ui/oojs-ui-widgets-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-widgets-apex.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.21.3 + * OOjs UI v0.22.3 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2017 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2017-05-10T00:55:45Z + * Date: 2017-07-11T22:12:41Z */ .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget { cursor: move; @@ -41,11 +41,12 @@ box-sizing: border-box; } .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget { + height: auto; position: absolute; top: 0; left: 0; right: 0; - bottom: 3em; + bottom: 2.5em; overflow: auto; } .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { @@ -53,6 +54,7 @@ bottom: 0; left: 0; right: 0; + height: 2.5em; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { padding: 1.5em; @@ -616,7 +618,7 @@ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); } .oo-ui-outlineControlsWidget { - height: 3em; + overflow: hidden; background-color: #fff; } .oo-ui-outlineControlsWidget-items, @@ -642,16 +644,15 @@ .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { float: right; } -.oo-ui-outlineControlsWidget-items, -.oo-ui-outlineControlsWidget-movers { - height: 2em; - margin: 0.5em 0.5em 0.5em 0; - padding: 0; +.oo-ui-outlineControlsWidget-items > .oo-ui-buttonWidget, +.oo-ui-outlineControlsWidget-movers > .oo-ui-buttonWidget { + height: 2.5em; + width: 2.5em; + margin: 0 !important; + /* stylelint-disable-line declaration-no-important */ } .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - width: 1.5em; - height: 2em; - margin: 0.5em 0 0.5em 0.5em; + height: 2.5em; opacity: 0.2; } .oo-ui-tabSelectWidget { @@ -727,6 +728,9 @@ height: 1px; width: 1px; } +.oo-ui-tagMultiselectWidget-focusTrap:focus { + outline: 0; +} .oo-ui-tagMultiselectWidget-handle { background-color: #fff; cursor: text; @@ -843,6 +847,22 @@ outline: 0; border-color: #087ecc; } +.oo-ui-tagItemWidget > .oo-ui-buttonElement { + margin-top: -1.25em; + padding-left: 0.3em; +} +.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button { + padding: 0; +} +.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-iconElement-icon { + min-width: 20px; + width: 1.5625em; + margin-right: -0.3em; +} +.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-labelElement-label, +.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { + display: none; +} .oo-ui-tagItemWidget.oo-ui-widget-disabled { opacity: 0.5; -webkit-transform: translateZ(0); @@ -852,10 +872,6 @@ background: #eee; border-color: #ccc; } -.oo-ui-tagItemWidget > .oo-ui-buttonElement { - margin-top: -1.25em; - padding-left: 0.3em; -} .oo-ui-capsuleMultiselectWidget { display: inline-block; position: relative; @@ -890,6 +906,9 @@ height: 1px; width: 1px; } +.oo-ui-capsuleMultiselectWidget-focusTrap:focus { + outline: 0; +} .oo-ui-capsuleMultiselectWidget-handle { background-color: #fff; cursor: text; @@ -1006,6 +1025,22 @@ outline: 0; border-color: #087ecc; } +.oo-ui-capsuleItemWidget > .oo-ui-buttonElement { + margin-top: -1.25em; + padding-left: 0.3em; +} +.oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button { + padding: 0; +} +.oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-iconElement-icon { + min-width: 20px; + width: 1.5625em; + margin-right: -0.3em; +} +.oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-labelElement-label, +.oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { + display: none; +} .oo-ui-capsuleItemWidget.oo-ui-widget-disabled { opacity: 0.5; -webkit-transform: translateZ(0); @@ -1015,10 +1050,6 @@ background: #eee; border-color: #ccc; } -.oo-ui-capsuleItemWidget > .oo-ui-buttonElement { - margin-top: -1.25em; - padding-left: 0.3em; -} .oo-ui-searchWidget-query { position: absolute; top: 0; @@ -1067,16 +1098,20 @@ .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget { width: 2.25em; } -.oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { +.oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button .oo-ui-iconElement-icon { + min-width: 20px; + width: 1.5625em; +} +.oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input { + border-radius: 0; +} +.oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } -.oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { +.oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } -.oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input { - border-radius: 0; -}