X-Git-Url: http://git.cyclocoop.org/%7B%24admin_url%7Dcompta/comptes/journal.php?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-core-mediawiki.css;h=632c0854a33c6673f2337742991accf66d91ae4f;hb=97eed266ad5840db7fa4924483c544ec5d8d9589;hp=68d6413f82da3503dee69bcb539889a831fd3307;hpb=93222688610be9735eb53aef30683e1c231b2833;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css index 68d6413f82..632c0854a3 100644 --- a/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.18.3 + * OOjs UI v0.18.4-fix (d4045dee45) * 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-01-04T00:22:45Z + * Date: 2017-01-19T20:22:32Z */ .oo-ui-element-hidden { display: none !important; @@ -377,6 +377,7 @@ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + min-height: 3.125em; } .oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-iconElement.oo-ui-iconElement-icon { @@ -416,37 +417,44 @@ .oo-ui-fieldLayout:after { clear: both; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { display: block; float: left; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { text-align: right; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { display: table; + width: 100%; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { display: table-cell; vertical-align: middle; } -.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - display: inline-block; +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + width: 1px; } -.oo-ui-fieldLayout > .oo-ui-fieldLayout-help { +.oo-ui-fieldLayout .oo-ui-fieldLayout-help { float: right; } -.oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { +.oo-ui-fieldLayout .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { z-index: 1; } -.oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content { +.oo-ui-fieldLayout .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content { padding: 0.5em 0.75em; line-height: 1.5; } +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top .oo-ui-fieldLayout-help, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-help { + margin-top: -0.3em; +} .oo-ui-fieldLayout.oo-ui-labelElement, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline { margin-top: 1.171875em; @@ -456,24 +464,40 @@ .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline:first-child { margin-top: 0; } -.oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { +.oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { padding-bottom: 0.3125em; +} +.oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { line-height: 1.4; } -.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding: 0.3125em 0.46875em; +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { + max-width: 50em; } -.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, -.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { width: 35%; margin-right: 5%; +} +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { + display: block; padding-top: 0.3125em; } +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help, +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help { + margin-right: 0; + margin-left: -1.875em; +} .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { width: 60%; } -.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { + padding: 0.3125em 0.46875em; + padding-right: 0; +} +.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: #72777d; } .oo-ui-fieldLayout > .oo-ui-popupButtonWidget { @@ -501,9 +525,6 @@ line-height: 1.4; vertical-align: middle; } -.oo-ui-actionFieldLayout { - max-width: 50em; -} .oo-ui-actionFieldLayout-input, .oo-ui-actionFieldLayout-button { display: table-cell; @@ -516,6 +537,9 @@ width: 1%; white-space: nowrap; } +.oo-ui-actionFieldLayout.oo-ui-fieldLayout-align-top { + max-width: 50em; +} .oo-ui-fieldsetLayout { position: relative; min-width: 0; @@ -526,57 +550,61 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { display: table-cell; } -.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon { display: block; position: absolute; } -.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header { color: inherit; display: inline-table; box-sizing: border-box; - max-width: 100%; padding: 0; white-space: normal; float: left; + width: 100%; } -.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label:empty { +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label:empty { display: none; } .oo-ui-fieldsetLayout-group { clear: both; } -.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help { +.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help { float: right; } -.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { +.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { z-index: 1; } -.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content { +.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content { padding: 0.5em 0.75em; line-height: 1.4; } +.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header { + max-width: 50em; +} .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout, .oo-ui-fieldsetLayout + .oo-ui-formLayout { margin-top: 2em; } -.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { + display: inline-block; margin-bottom: 0.56818em; font-size: 1.1em; font-weight: bold; line-height: 1.4; } -.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { padding-left: 2em; line-height: 1.8; } -.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon { top: 0; left: 0; } -.oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget { +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget { margin-right: 0; } -.oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child { +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget:last-child { margin-right: 0; } .oo-ui-formLayout + .oo-ui-fieldsetLayout, @@ -588,8 +616,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-panelLayout-scrollable { overflow-y: auto; - /* Make scrolling smooth */ - -webkit-transform: translate3d(0, 0, 0); + -webkit-transform: translateZ(0); + transform: translateZ(0); } .oo-ui-panelLayout-expanded { position: absolute; @@ -601,10 +629,13 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-panelLayout-padded { padding: 1.25em; } +.oo-ui-panelLayout-padded.oo-ui-formLayout > .oo-ui-fieldsetLayout .oo-ui-labelElement-label, +.oo-ui-panelLayout-padded.oo-ui-formLayout > .oo-ui-fieldsetLayout .oo-ui-iconElement-icon { + margin-top: -0.25em; +} .oo-ui-panelLayout-framed { border: 1px solid #a2a9b1; border-radius: 2px; - box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); } .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed { margin: 1em 0; @@ -737,7 +768,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { z-index: 0; position: relative; } -.oo-ui-buttonGroupWidget .oo-ui-buttonElement-active .oo-ui-buttonElement-button { +.oo-ui-buttonGroupWidget .oo-ui-buttonWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button { cursor: default; } .oo-ui-buttonGroupWidget:last-child { @@ -792,8 +823,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { display: block; position: absolute; - top: 0; - /* @noflip */ + /* `top` property is to be set in theme's selector due to specific `@size-anchor` values + /* @noflip */ left: 0; background-repeat: no-repeat; } @@ -819,11 +850,14 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { background-color: #fff; border: 1px solid #a2a9b1; border-radius: 2px; - box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); } -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { +.oo-ui-popupWidget-anchored { margin-top: 9px; } +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { + top: -9px; +} .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { content: ''; @@ -1232,6 +1266,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { -ms-user-select: none; user-select: none; } +.oo-ui-textInputWidget-php > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget-php > .oo-ui-indicatorElement-indicator, +.oo-ui-textInputWidget-php > .oo-ui-labelElement-label { + pointer-events: none; +} .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { font-size: inherit; @@ -1365,7 +1404,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { margin-top: -1px; border: 1px solid #a2a9b1; border-radius: 0 0 2px 2px; - box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); } .oo-ui-menuSelectWidget input { position: absolute; @@ -1626,7 +1665,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { overflow: hidden; } .oo-ui-progressBarWidget-bar { - background-color: #36c; height: 1em; -webkit-transition: width 200ms; -moz-transition: width 200ms; @@ -1643,8 +1681,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { transform: translate(-25%); border-left-width: 1px; } -.oo-ui-progressBarWidget.oo-ui-widget-disabled { - opacity: 0.6; +.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { + background-color: #36c; +} +.oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { + background-color: #c8ccd1; } @-webkit-keyframes oo-ui-progressBarWidget-slide { from {