X-Git-Url: http://git.cyclocoop.org//%27http:/code.google.com/p/ie7-js//%27?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-widgets-wikimediaui.css;h=fed5269b31292b34ac68a44b3f3607216ebc3175;hb=660db797751fd33c08eeae11f94e55000b078db1;hp=0483dae8fc3dcbd8f58c775e3772735d0e40fbf5;hpb=1d744e2899d0094ed2590721e63e8d217cb039ac;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 0483dae8fc..74e5e8f8ef 100644 --- a/resources/lib/oojs-ui/oojs-ui-widgets-wikimediaui.css +++ b/resources/lib/oojs-ui/oojs-ui-widgets-wikimediaui.css @@ -1,24 +1,17 @@ /*! - * OOjs UI v0.22.4 + * OOjs UI v0.24.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-08-03T19:36:56Z + * Date: 2017-11-28T23:28:10Z */ /** - * WikimediaUI Base v0.9.2 + * WikimediaUI Base v0.10.0 * 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 ); @@ -70,37 +63,59 @@ .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { padding: 1.5em; } -.oo-ui-bookletLayout-outlinePanel { - border-right: 1px solid #ddd; -} .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { border-top: 1px solid #c8ccd1; } +.oo-ui-bookletLayout > .oo-ui-menuLayout-menu { + border-right: 1px solid #c8ccd1; +} .oo-ui-indexLayout > .oo-ui-menuLayout-menu { + height: auto; +} +.oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu { height: 3em; + white-space: nowrap; } -.oo-ui-indexLayout > .oo-ui-menuLayout-content { +.oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content { top: 3em; } .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout { padding: 1.5em; } -.oo-ui-indexLayout > .oo-ui-menuLayout-menu { +.oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu { height: 2.75em; } -.oo-ui-indexLayout > .oo-ui-menuLayout-content { +.oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content { top: 2.75em; } .oo-ui-menuLayout { - position: absolute; top: 0; left: 0; right: 0; bottom: 0; } +.oo-ui-menuLayout-expanded, +.oo-ui-menuLayout-expanded .oo-ui-menuLayout-menu, +.oo-ui-menuLayout-expanded .oo-ui-menuLayout-content { + position: absolute; +} +.oo-ui-menuLayout-expanded .oo-ui-menuLayout-menu { + z-index: 1; +} +.oo-ui-menuLayout-static.oo-ui-menuLayout-after, +.oo-ui-menuLayout-static.oo-ui-menuLayout-before { + display: table; + width: 100%; +} +.oo-ui-menuLayout-static.oo-ui-menuLayout-after .oo-ui-menuLayout-menu, +.oo-ui-menuLayout-static.oo-ui-menuLayout-before .oo-ui-menuLayout-menu, +.oo-ui-menuLayout-static.oo-ui-menuLayout-after .oo-ui-menuLayout-content, +.oo-ui-menuLayout-static.oo-ui-menuLayout-before .oo-ui-menuLayout-content { + display: table-cell; + vertical-align: top; +} .oo-ui-menuLayout-menu, .oo-ui-menuLayout-content { - position: absolute; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; @@ -201,10 +216,6 @@ border-bottom-right-radius: 2px; border-top-right-radius: 2px; } -.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, -.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - position: absolute; -} .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { border-left-color: #fff; } @@ -228,12 +239,6 @@ .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button { cursor: default; } -.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, -.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - position: static; - display: inline-block; - vertical-align: middle; -} .oo-ui-toggleButtonWidget { margin-right: 0.5em; } @@ -421,12 +426,6 @@ -moz-box-sizing: border-box; box-sizing: border-box; } -.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; -webkit-touch-callout: none; @@ -453,8 +452,7 @@ height: 8.815em; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, -.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton, -.oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon { +.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton { display: none; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail { @@ -547,12 +545,14 @@ border-right-width: 0; } .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon { + display: none; top: -1px; left: 0.46875em; min-height: 2.5em; margin-left: -1px; } .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator { + display: none; top: -1px; right: 0.9375em; min-height: 2.5em; @@ -625,9 +625,9 @@ .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { 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); + -webkit-transition: background-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1); + -moz-transition: background-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1); + transition: background-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1); } .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: #72777d; @@ -767,8 +767,8 @@ } .oo-ui-tabSelectWidget { text-align: left; - white-space: nowrap; - overflow: hidden; + overflow-x: auto; + overflow-y: hidden; background-color: #eaecf0; } .oo-ui-tabOptionWidget { @@ -914,9 +914,9 @@ } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: #fff; - -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); - -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); - transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + -webkit-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1); + -moz-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1); + transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: #72777d; @@ -1049,12 +1049,6 @@ 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; } @@ -1140,6 +1134,7 @@ } .oo-ui-capsuleMultiselectWidget-popup { margin-top: -1px; + margin-bottom: -1px; } .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup { border: 0; @@ -1147,9 +1142,9 @@ .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle { background-color: #fff; cursor: text; - -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); - -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); - transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + -webkit-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1); + -moz-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1); + transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1); } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle { border-color: #72777d;