X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-toolbars-mediawiki.css;h=85095d37515761201e3b4da5e164c9783dd2cf75;hb=2d3367238ee76a63bf6bba4d61d9ee8c5fb33216;hp=5d313abffcae6aa0c4ece95fa33121432016d80b;hpb=d969a58e746181435297863ebd53ad4ec1bfabc9;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-toolbars-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-toolbars-mediawiki.css index 5d313abffc..85095d3751 100644 --- a/resources/lib/oojs-ui/oojs-ui-toolbars-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-toolbars-mediawiki.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.19.2 + * OOjs UI v0.21.0 * 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-02-14T22:47:25Z + * Date: 2017-04-11T22:51:10Z */ .oo-ui-tool.oo-ui-widget-enabled { -webkit-transition: background-color 100ms; @@ -22,10 +22,6 @@ .oo-ui-popupTool .oo-ui-popupWidget-anchor { z-index: 4; } -.oo-ui-popupTool .oo-ui-popupWidget { - /* @noflip */ - margin-left: 1.25em; -} .oo-ui-toolGroupTool > .oo-ui-toolGroup { border-right: 0; } @@ -37,9 +33,6 @@ height: 2.5em; width: 1.875em; } -.oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - line-height: 2.1; -} .oo-ui-toolGroup { display: inline-block; vertical-align: middle; @@ -217,12 +210,12 @@ height: 2.5em; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - width: 0.9375em; - height: 1.625em; - margin: 0.78125em 0.5em; top: 0; right: 0; - opacity: 0.3; + width: 0.9375em; + height: 100%; + margin: 0 0.5em; + opacity: 0.87; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { right: -0.3125em; @@ -262,10 +255,6 @@ width: 1.875em; min-width: 1.875em; } -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title, -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { - line-height: 2; -} .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { padding-left: 0.5em; color: #222; @@ -285,10 +274,15 @@ .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color: #36c; } -.oo-ui-popupToolGroup.oo-ui-widget-enabled-handle:hover { +.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle { + -webkit-transition: background-color 100ms, box-shadow 100ms; + -moz-transition: background-color 100ms, box-shadow 100ms; + transition: background-color 100ms, box-shadow 100ms; +} +.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { background-color: #eaecf0; } -.oo-ui-popupToolGroup.oo-ui-widget-enabled-handle:active { +.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: #eaf3ff; } .oo-ui-listToolGroup .oo-ui-tool { @@ -415,18 +409,43 @@ background-color: transparent; box-shadow: none; } -.oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement { +.oo-ui-toolbar-narrow .oo-ui-toolbar-bar:after { + content: ''; + display: block; + position: absolute; + top: 3.125em; + left: 0; + width: 100%; + height: 0; + border-bottom: 1px solid #c8ccd1; +} +.oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement, +.oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-indicatorElement, +.oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement.oo-ui-labelElement, +.oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement.oo-ui-indicatorElement { margin: 0; } -.oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button { +.oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button, +.oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button, +.oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button, +.oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button { border: 0; border-radius: 0; padding: 0 0.3125em; } -.oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { +.oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { margin: 0 1em; line-height: 3.125em; } +.oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement.oo-ui-indicatorElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + margin: 0; +} +.oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement.oo-ui-indicatorElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin: 0 0.3125em; +} .oo-ui-toolbar-actions > .oo-ui-toolbar:not( :last-child ) { border-right: 1px solid #c8ccd1; }