X-Git-Url: https://git.heureux-cyclage.org/?p=lhc%2Fweb%2Fwiklou.git;a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-core-apex.css;h=dfd79ab26093388c58d4046b503539f5f7a17e6e;hp=73953bca0d6131b0c4fe91d3881f0726924bdd2e;hb=1d12fd51ef3d8f432422461d2f953ec7c6c2d88e;hpb=36127c29c2d564cc723b6e1cfccca9ba1a0240c8 diff --git a/resources/lib/oojs-ui/oojs-ui-core-apex.css b/resources/lib/oojs-ui/oojs-ui-core-apex.css index 73953bca0d..dfd79ab260 100644 --- a/resources/lib/oojs-ui/oojs-ui-core-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-core-apex.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.21.4 + * 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-16T22:31:46Z + * Date: 2017-07-11T22:12:41Z */ .oo-ui-element-hidden { display: none !important; @@ -58,19 +58,24 @@ } .oo-ui-buttonElement > .oo-ui-buttonElement-button { color: #333; + border-radius: 0.3em; } -.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: 0; +.oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { + outline: 0; } -.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin: 0.46875em; +.oo-ui-buttonElement > input.oo-ui-buttonElement-button, +.oo-ui-buttonElement.oo-ui-labelElement .oo-ui-labelElement-label { + line-height: 1.875em; } -.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { +.oo-ui-buttonElement.oo-ui-iconElement .oo-ui-iconElement-icon { + height: 100%; + margin-left: 0; +} +.oo-ui-buttonElement.oo-ui-iconElement .oo-ui-indicatorElement-indicator { margin-left: 0.46875em; } -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { - outline: 0; +.oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + margin: 0.46875em; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon { @@ -83,9 +88,26 @@ .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #333; } -.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { +.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child, +.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child { + margin-left: -0.3125em; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button { + padding: 0.3125em 0.3125em; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #333; margin-left: 0.25em; } +.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button { + padding: 0.3125em 0.3125em; +} +.oo-ui-buttonElement-frameless.oo-ui-indicatorElement > .oo-ui-buttonElement-button { + padding: 0; +} .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button { padding-left: 0.25em; color: #333; @@ -110,8 +132,7 @@ color: #ccc; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - padding: 0.2em 0.8em; - border-radius: 0.3em; + padding: 0.234375em 0.78125em; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); border: 1px #c9c9c9 solid; -webkit-transition: border-color 100ms ease; @@ -127,7 +148,6 @@ .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { border-color: #aaa; - outline: 0; } .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { @@ -324,13 +344,6 @@ .oo-ui-fieldLayout .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { z-index: 1; } -.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:first-child { - margin-top: 0; -} .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 { margin-right: 0; @@ -359,10 +372,17 @@ .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { padding: 0.25em 0 0.25em 0.5em; } +.oo-ui-fieldLayout:first-child { + margin-top: 0; +} .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { max-width: 50em; padding: 0.5em 0; } +.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-popupButtonWidget { margin-right: 0; margin-top: 0.25em; @@ -454,7 +474,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { display: inline-block; - font-size: 1.1em; + font-size: 1.15em; margin-bottom: 0.5em; padding: 0.25em 0; font-weight: bold; @@ -519,7 +539,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { margin-right: 0; } .oo-ui-horizontalLayout > .oo-ui-layout { - margin-bottom: 0; + margin-top: 0; } .oo-ui-optionWidget { position: relative; @@ -684,7 +704,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor { left: 0; - /* `top` property is to be set in theme's selector due to specific `@size-anchor` values */ } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { @@ -692,7 +711,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { left: 0; - /* `bottom` property is to be set in theme's selector due to specific `@size-anchor` values */ } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { @@ -700,7 +718,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor { top: 0; - /* `left` property is to be set in theme's selector due to specific `@size-anchor` values */ } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after { @@ -708,7 +725,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor { top: 0; - /* `right` property is to be set in theme's selector due to specific `@size-anchor` values */ } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after { @@ -722,7 +738,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { user-select: none; } .oo-ui-popupWidget-head > .oo-ui-buttonWidget { - float: right; + position: absolute; } .oo-ui-popupWidget-head > .oo-ui-labelElement-label { float: left; @@ -821,10 +837,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { height: 2.5em; } .oo-ui-popupWidget-head > .oo-ui-buttonWidget { - margin: 0.25em; + top: 0.25em; + right: 0.25em; } .oo-ui-popupWidget-head > .oo-ui-labelElement-label { - margin: 0.75em 1em; + margin: 0.75em 2.125em 0.75em 1em; } .oo-ui-popupWidget-body { line-height: 1.4; @@ -999,7 +1016,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { - padding: 0.5em; + padding: 0.546875em 0.5em 0.625em 0.5em; line-height: 1.275em; font-size: inherit; font-family: inherit; @@ -1116,7 +1133,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: transparent; } -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected > .oo-ui-iconElement-icon { background-image: url('themes/apex/images/icons/check.png'); background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/apex/images/icons/check.svg'); background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/apex/images/icons/check.svg');