X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-core-apex.css;h=718ae2088482fcdac9f736b1f87372ccb96f010b;hb=a10b14d78a4589fbdfe33bc9c9c0a8ab85bd626e;hp=73953bca0d6131b0c4fe91d3881f0726924bdd2e;hpb=2ffff73a46c29cdad1cbf59063f4dd75debd3b4c;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-core-apex.css b/resources/lib/oojs-ui/oojs-ui-core-apex.css index 73953bca0d..718ae20884 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.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-16T22:31:46Z + * Date: 2017-08-03T19:36:56Z */ .oo-ui-element-hidden { display: none !important; @@ -58,19 +58,25 @@ } .oo-ui-buttonElement > .oo-ui-buttonElement-button { color: #333; + position: relative; + border-radius: 4px; } -.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 +89,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; @@ -94,6 +117,26 @@ .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:focus { color: #000; } +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus { + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus:active, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus:active { + border-color: #fff; + border-color: transparent; + box-shadow: none; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button { + border-radius: 4px; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus { + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus:active { + box-shadow: none; +} .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #087ecc; } @@ -110,8 +153,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; @@ -124,10 +166,12 @@ background-image: linear-gradient(to bottom, #fff 0, #ddd 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )"; } -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover { border-color: #aaa; - outline: 0; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; } .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { @@ -146,6 +190,12 @@ background-image: linear-gradient(to bottom, #ddd 0, #fff 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )"; } +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus, +.oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus { + border-color: #ace; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07), 0 0 2px 2px #ace; +} .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { margin-left: -0.5em; margin-right: -0.5em; @@ -173,8 +223,7 @@ background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )"; } -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { border-color: #9dc2d4; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, @@ -197,8 +246,7 @@ background-image: linear-gradient(to bottom, #f0fbe1 0, #c3e59a 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0fbe1', endColorstr='#ffc3e59a' )"; } -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { border-color: #adcb89; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, @@ -324,13 +372,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 +400,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 +502,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 +567,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; @@ -628,8 +676,10 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-buttonGroupWidget { display: inline-block; white-space: nowrap; - border-radius: 0.3em; + border-radius: 4px; margin-right: 0.5em; + z-index: 0; + position: relative; } .oo-ui-buttonGroupWidget .oo-ui-buttonWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button { cursor: default; @@ -648,13 +698,29 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { margin-left: -1px; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 0.3em; - border-top-left-radius: 0.3em; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; margin-left: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 0.3em; - border-top-right-radius: 0.3em; + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { + z-index: 1; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { + z-index: 2; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + z-index: 3; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + z-index: -1; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button, +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active { + z-index: 3; } .oo-ui-popupWidget { position: absolute; @@ -684,7 +750,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 +757,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 +764,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 +771,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 +784,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 +883,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; @@ -892,10 +955,13 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { height: 1.5em; padding: 0.5em 1em; } -.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, -.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { outline: 0; + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: #ccc; @@ -999,8 +1065,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { - padding: 0.5em; - line-height: 1.275em; + padding: 0.546875em 0.5em 0.625em 0.5em; font-size: inherit; font-family: inherit; background-color: #fff; @@ -1041,11 +1106,17 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { color: #767676; opacity: 1; } +.oo-ui-textInputWidget input { + line-height: 1.172em; +} +.oo-ui-textInputWidget textarea { + line-height: 1.275; +} .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { outline: 0; - border-color: #a7dcff; - box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff; + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; } .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { @@ -1075,7 +1146,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { padding-left: 2.475em; } .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - max-height: 2.375em; + max-height: 2.5em; margin-left: 0.3em; } .oo-ui-textInputWidget.oo-ui-indicatorElement input, @@ -1083,12 +1154,13 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { padding-right: 2.4875em; } .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - max-height: 2.375em; + max-height: 2.5em; margin-right: 0.775em; } .oo-ui-textInputWidget > .oo-ui-labelElement-label { - padding: 0.4em; - line-height: 1.5em; + top: 1px; + padding: 0.546875em 0.4em 0.625em 0.4em; + line-height: 1.172em; color: #767676; } .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { @@ -1116,7 +1188,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'); @@ -1188,6 +1260,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-dropdownWidget-handle:hover { border-color: rgba(0, 0, 0, 0.2); } +.oo-ui-dropdownWidget-handle:focus { + outline: 0; +} .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { left: 0.25em; margin: 0 0.3em; @@ -1200,15 +1275,16 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { right: 0; margin: 0 0.775em; } +.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; +} .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: #ccc; text-shadow: 0 1px 1px #fff; border-color: #ddd; background-color: #f3f3f3; } -.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus { - outline: 0; -} .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { opacity: 0.2; } @@ -1280,7 +1356,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget { right: 0; - max-height: 2.375em; + max-height: 2.5em; margin: 0; margin-right: 0.775em; }