X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;ds=sidebyside;f=resources%2Flib%2Foojs-ui%2Foojs-ui-widgets-mediawiki.css;h=f64a619f2f0d92ddd3f067de1f70433b3fe15b43;hb=a4c1f2ee49b9425eb4cfada96b3e666c8832115c;hp=aab3b6212f17f19e214e23b9c89f6ca814e03a10;hpb=e87d81dea72a7a09c34c40e692f58cdf94d1525d;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-widgets-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-widgets-mediawiki.css index aab3b6212f..f64a619f2f 100644 --- a/resources/lib/oojs-ui/oojs-ui-widgets-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-widgets-mediawiki.css @@ -1,12 +1,12 @@ /*! - * 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-draggableElement-handle, .oo-ui-draggableElement-handle.oo-ui-widget { @@ -32,8 +32,13 @@ .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement { display: inline-block; } +.oo-ui-draggableElement-handle:focus { + border-radius: 2px; + box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c; + outline: 0; +} .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable { - overflow-y: hidden; + overflow: hidden; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { width: 100%; @@ -41,19 +46,13 @@ -moz-box-sizing: border-box; box-sizing: border-box; } -.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable { - overflow-y: auto; -} -.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded { - padding: 2em; -} .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget { position: absolute; top: 0; left: 0; right: 0; bottom: 3em; - overflow-y: auto; + overflow: auto; } .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { position: absolute; @@ -91,8 +90,6 @@ left: 0; right: 0; bottom: 0; - /* stylelint-disable declaration-no-important */ - /* stylelint-enable declaration-no-important */ } .oo-ui-menuLayout-menu, .oo-ui-menuLayout-content { @@ -419,6 +416,8 @@ .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator, .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon { position: absolute; + top: 0; + height: 100%; } .oo-ui-widget-disabled .oo-ui-selectFileWidget-info { cursor: default; @@ -550,14 +549,10 @@ } .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon { left: 0; - top: 0; - height: 2.3em; margin-left: 0.5em; } .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator { - top: 0; right: 0; - height: 2.3em; margin-right: 0.775em; } .oo-ui-selectFileWidget-label { @@ -603,15 +598,12 @@ .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label { right: 2em; } -.oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget { - background-color: #eaf3ff; -} .oo-ui-selectFileWidget-dropTarget { background-color: #fff; border: 1px solid #a2a9b1; + border-radius: 2px; vertical-align: middle; overflow: hidden; - border-radius: 2px; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button { border-radius: 2px; @@ -622,8 +614,18 @@ white-space: normal; } .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { - background-color: #eee; + background-color: #fff; border-style: dashed; + -webkit-transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + -moz-transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1); +} +.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { + border-color: #72777d; +} +.oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget { + background-color: #eaf3ff; + color: #36c; } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, @@ -650,6 +652,12 @@ .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel { display: none; } +.oo-ui-outlineSelectWidget { + height: 100%; +} +.oo-ui-outlineSelectWidget:focus { + box-shadow: inset 0 0 0 2px #36c; +} .oo-ui-outlineOptionWidget { -webkit-touch-callout: none; -webkit-user-select: none; @@ -683,32 +691,26 @@ .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { opacity: 0.5; } -.oo-ui-outlineOptionWidget-level-0 { - padding-left: 3.5em; -} -.oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon { - left: 1em; +.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement { + padding-left: 2.571em; } .oo-ui-outlineOptionWidget-level-1 { - padding-left: 5em; -} -.oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon { - left: 2.5em; + padding-left: 2.571em; } -.oo-ui-outlineOptionWidget-level-2 { - padding-left: 6.5em; +.oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement { + padding-left: 4.429em; } -.oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon { - left: 4em; +.oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 2.571em; } -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important { - font-weight: bold; +.oo-ui-outlineOptionWidget-level-2 { + padding-left: 5.142em; } -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { - opacity: 0.5; +.oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement { + padding-left: 6.857em; } -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { - color: #777; +.oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 4.429em; } .oo-ui-outlineControlsWidget { height: 3em; @@ -799,6 +801,12 @@ display: block; position: relative; } +.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon, +.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator { + position: absolute; + top: 0; + height: 100%; +} .oo-ui-capsuleMultiselectWidget-content { position: relative; } @@ -829,56 +837,53 @@ .oo-ui-capsuleMultiselectWidget-handle:last-child { margin-right: 0; } -.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator, -.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon { - position: absolute; +.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input { + border: 0; + line-height: 1.675; + margin: 0 0 0 0.2em; + padding: 0; + font-size: inherit; + font-family: inherit; + background-color: transparent; + color: #000; + vertical-align: middle; } -.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content :-moz-placeholder { +.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder { color: #72777d; opacity: 1; } -.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content ::-moz-placeholder { +.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder { color: #72777d; opacity: 1; } -.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content :-ms-input-placeholder { +.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder { color: #72777d; + opacity: 1; } -.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content ::-webkit-input-placeholder { +.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder { color: #72777d; + opacity: 1; } -.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content :placeholder-shown { +.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder { color: #72777d; -} -.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input { - border: 0; - line-height: 1.675; - margin: 0 0 0 0.2em; - padding: 0; - font-size: inherit; - font-family: inherit; - background-color: transparent; - color: #000; - vertical-align: middle; + opacity: 1; } .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus { outline: 0; } -.oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle { - padding-right: 2.4875em; -} -.oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator { - right: 0; - top: 0; - margin: 0.775em; -} .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle { padding-left: 2.475em; } .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon { left: 0; - top: 0; - margin: 0.3em; + margin: 0 0.3em; +} +.oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle { + padding-right: 2.4875em; +} +.oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator { + right: 0; + margin: 0 0.775em; } .oo-ui-capsuleMultiselectWidget-popup { margin-top: -1px; @@ -918,20 +923,18 @@ display: inline-block; cursor: default; white-space: nowrap; - width: auto; - max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; - vertical-align: middle; + width: auto; + max-width: 100%; height: 1.7em; - line-height: 1.7; - background-color: #eee; - color: #222; margin: 0.1em; border: 1px solid #a2a9b1; border-radius: 2px; padding: 0 0.4em; + line-height: 1.7; + vertical-align: middle; } .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label { display: inline-block; @@ -939,22 +942,23 @@ overflow: hidden; cursor: text; } -.oo-ui-capsuleItemWidget:focus { - outline: 0; - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c; -} -.oo-ui-capsuleItemWidget.oo-ui-widget-disabled { - background-color: #eaecf0; - color: #72777d; - border-color: #c8ccd1; - text-shadow: 0 1px 1px #fff; -} -.oo-ui-capsuleItemWidget > .oo-ui-buttonElement { - display: none; -} .oo-ui-capsuleItemWidget.oo-ui-widget-enabled { + background-color: #f8f9fa; + color: #222; padding-right: 1.5375em; + -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; + -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; + transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; +} +.oo-ui-capsuleItemWidget.oo-ui-widget-enabled:hover { + background-color: #fff; + color: #444; + border-color: #a2a9b1; +} +.oo-ui-capsuleItemWidget.oo-ui-widget-enabled:focus { + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c; + outline: 0; } .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement { display: block; @@ -975,6 +979,15 @@ bottom: 0; height: auto; } +.oo-ui-capsuleItemWidget.oo-ui-widget-disabled { + background-color: #eaecf0; + color: #72777d; + border-color: #c8ccd1; + text-shadow: 0 1px 1px #fff; +} +.oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-buttonElement { + display: none; +} .oo-ui-searchWidget-query { position: absolute; top: 0;