X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-widgets-wikimediaui.css;h=39965a6aedafa8a9701db5d499af1bb0c7d6418f;hb=cd4130790a4a72de7c5b3a81399de0c3f0c66d03;hp=dc687bb603e235a920123eed3dd09254d539e89d;hpb=b87003ba2ed4e4459259d36e5cc6818766a720f3;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-widgets-wikimediaui.css b/resources/lib/oojs-ui/oojs-ui-widgets-wikimediaui.css index dc687bb603..39965a6aed 100644 --- a/resources/lib/oojs-ui/oojs-ui-widgets-wikimediaui.css +++ b/resources/lib/oojs-ui/oojs-ui-widgets-wikimediaui.css @@ -1,16 +1,24 @@ /*! - * OOjs UI v0.22.1 + * OOjs UI v0.22.4 * 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-31T19:07:44Z + * Date: 2017-08-01T20:24:44Z */ -.oo-ui-draggableElement { - padding: 1.0546875em 0.9375em 0.9375em; -} +/** + * WikimediaUI Base v0.9.2 + * Wikimedia Foundation user interface base variables + */ +/* Colors */ +/* Positioning */ +/* Box Model properties */ +/* Max Widths */ +/* Typography incl. print properties */ +/* Other Properties */ +/* Animation & Transition */ .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget { cursor: move; cursor: url(images/grab.cur ); @@ -34,11 +42,6 @@ .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement { display: inline-block; } -.oo-ui-draggableElement-handle.oo-ui-widget-enabled: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: hidden; } @@ -49,11 +52,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 { @@ -61,6 +65,7 @@ bottom: 0; left: 0; right: 0; + height: 2.5em; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { padding: 1.5em; @@ -69,7 +74,7 @@ border-right: 1px solid #ddd; } .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); + border-top: 1px solid #c8ccd1; } .oo-ui-indexLayout > .oo-ui-menuLayout-menu { height: 3em; @@ -366,7 +371,7 @@ } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: #c8ccd1; - border-color: #c8ccd1; + border-color: #72777d; outline: 0; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { @@ -635,7 +640,7 @@ .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info { background-color: #eaecf0; color: #72777d; - border-color: #c8ccd1; + border-color: #72777d; text-shadow: 0 1px 1px #fff; } .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon, @@ -649,16 +654,16 @@ .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: #eaecf0; - border-color: #c8ccd1; + border-color: #72777d; } .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info { background-color: #eaecf0; color: #222; - border-color: #c8ccd1; + border-color: #72777d; } .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget { background-color: #eaecf0; - border-color: #c8ccd1; + border-color: #72777d; } .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label { padding: 1em 0.9375em; @@ -723,7 +728,7 @@ left: 4.429em; } .oo-ui-outlineControlsWidget { - height: 3em; + overflow: hidden; background-color: #fff; } .oo-ui-outlineControlsWidget-items, @@ -749,16 +754,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 { @@ -840,6 +844,9 @@ height: 1px; width: 1px; } +.oo-ui-tagMultiselectWidget-focusTrap:focus { + outline: 0; +} .oo-ui-tagMultiselectWidget-handle { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -935,7 +942,7 @@ .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { color: #72777d; text-shadow: 0 1px 1px #fff; - border-color: #c8ccd1; + border-color: #72777d; background-color: #eaecf0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon { @@ -971,7 +978,7 @@ .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: #f8f9fa; color: #222; - padding-right: 1.5375em; + padding-right: 1.640625em; -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; @@ -1001,24 +1008,28 @@ position: absolute; top: 0; right: 0; - bottom: 0; } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button { - display: block; - width: 1.5375em; - height: 100%; + min-width: 0; + min-height: 0; + border: 0; + padding-top: 1.5625em; + padding-left: 1.5625em; } -.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear { - position: absolute; - top: 0; - right: 0.3em; - bottom: 0; - height: auto; +.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close { + left: 0; + min-width: 20px; + min-height: 20px; + width: 1.5625em; +} +.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-labelElement-label, +.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { + display: none; } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: #eaecf0; color: #72777d; - border-color: #c8ccd1; + border-color: #72777d; text-shadow: 0 1px 1px #fff; } .oo-ui-tagItemWidget.oo-ui-widget-disabled:focus { @@ -1061,6 +1072,9 @@ height: 1px; width: 1px; } +.oo-ui-capsuleMultiselectWidget-focusTrap:focus { + outline: 0; +} .oo-ui-capsuleMultiselectWidget-handle { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -1148,7 +1162,7 @@ .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle { color: #72777d; text-shadow: 0 1px 1px #fff; - border-color: #c8ccd1; + border-color: #72777d; background-color: #eaecf0; } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon { @@ -1184,7 +1198,7 @@ .oo-ui-capsuleItemWidget.oo-ui-widget-enabled { background-color: #f8f9fa; color: #222; - padding-right: 1.5375em; + padding-right: 1.640625em; -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; @@ -1204,24 +1218,28 @@ position: absolute; top: 0; right: 0; - bottom: 0; } .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button { - display: block; - width: 1.5375em; - height: 100%; + min-width: 0; + min-height: 0; + border: 0; + padding-top: 1.5625em; + padding-left: 1.5625em; } -.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear { - position: absolute; - top: 0; - right: 0.3em; - bottom: 0; - height: auto; +.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close { + left: 0; + min-width: 20px; + min-height: 20px; + width: 1.5625em; +} +.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-labelElement-label, +.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { + display: none; } .oo-ui-capsuleItemWidget.oo-ui-widget-disabled { background-color: #eaecf0; color: #72777d; - border-color: #c8ccd1; + border-color: #72777d; text-shadow: 0 1px 1px #fff; } .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-buttonElement {