X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-core-apex.css;h=38098c7b609794e56961b77051d867a99d84a1a7;hb=9bf44d08f938cc9a85dc647b8a00665d5bd01fb6;hp=6004e746da709655596c4911d5e77065a9a8871f;hpb=09b6dddae2a21c8b03efae46539cca47086f5574;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 6004e746da..38098c7b60 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.24.0 - * https://www.mediawiki.org/wiki/OOjs_UI + * OOUI v0.25.1 + * https://www.mediawiki.org/wiki/OOUI * - * Copyright 2011–2017 OOjs UI Team and other contributors. + * Copyright 2011–2018 OOUI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2017-10-17T23:18:56Z + * Date: 2018-01-17T01:47:20Z */ .oo-ui-element-hidden { display: none !important; @@ -70,6 +70,16 @@ .oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { margin: 0.46875em; } +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + -webkit-transition: opacity 250ms ease; + -moz-transition: opacity 250ms ease; + transition: opacity 250ms ease; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #333; +} .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 { opacity: 1; @@ -78,9 +88,6 @@ .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { color: #000; } -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #333; -} .oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child, .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child { margin-left: -0.3125em; @@ -128,7 +135,6 @@ .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-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #087ecc; } @@ -203,7 +209,6 @@ margin-left: 0.46875em; margin-right: -0.275em; } -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { border: 1px solid #a6cee1; background-color: #cde7f4; @@ -213,15 +218,11 @@ 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-constructive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { border-color: #9dc2d4; } -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { border: 1px solid #a6cee1; background-color: #cde7f4; @@ -449,6 +450,10 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { display: table-cell; } +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header { + display: none; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header, .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header { color: inherit; display: inline-table; @@ -458,9 +463,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { float: left; width: 100%; } -.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label:empty { - display: none; -} .oo-ui-fieldsetLayout-group { clear: both; } @@ -509,8 +511,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-panelLayout-scrollable { overflow: auto; - -webkit-transform: translateZ(0); - transform: translateZ(0); } .oo-ui-panelLayout-expanded { position: absolute; @@ -548,6 +548,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-horizontalLayout > .oo-ui-layout { margin-top: 0; } +.oo-ui-horizontalLayout > .oo-ui-widget { + margin-bottom: 0.5em; +} .oo-ui-widget .oo-ui-iconElement-icon, .oo-ui-widget .oo-ui-indicatorElement-indicator, .oo-ui-widget.oo-ui-iconElement .oo-ui-widget .oo-ui-iconElement-icon, @@ -936,10 +939,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { max-width: 50em; } .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget, -.oo-ui-dropdownInputWidget select { +.oo-ui-dropdownInputWidget.oo-ui-dropdownInputWidget-php select { display: block; } .oo-ui-dropdownInputWidget select { + display: none; background-position: -9999em 0; background-repeat: no-repeat; width: 100%; @@ -1114,7 +1118,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { - color: #767676; + background-color: #f3f3f3; } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input, .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea { @@ -1176,6 +1180,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { z-index: 4; background-color: #fff; margin-top: -1px; + margin-bottom: -1px; border: 1px solid #ccc; border-radius: 0 0 0.25em 0.25em; box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2); @@ -1194,9 +1199,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .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'); - background-image: -o-linear-gradient(transparent, transparent), url('themes/apex/images/icons/check.png'); background-position: center center; background-repeat: no-repeat; background-size: contain; @@ -1359,7 +1362,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { visibility: visible; margin: 0.775em; } -.oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget { +.oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget.oo-ui-indicatorElement.oo-ui-indicatorElement-indicator { + display: block; + position: absolute; + top: 0; + height: 100%; right: 0; max-height: 2.5em; margin: 0; @@ -1492,3 +1499,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { transform: translate(350%); } } +.oo-ui-defaultOverlay { + position: absolute; + top: 0; + /* @noflip */ + left: 0; +}