Jforrester has uploaded a new change for review. https://gerrit.wikimedia.org/r/150638
Change subject: Update OOjs UI to v0.1.0-pre (3d8475c0b3) ...................................................................... Update OOjs UI to v0.1.0-pre (3d8475c0b3) New changes: feba6af Remove unused CSS classes 58af913 Remove direction style attribute 7463080 Restyle agora theme for mobile after window refactor 5708bdf Make scrolling in PanelLayout smoother on iOS 96b89c2 demos: Add right-aligned menu in toolbar demo Change-Id: If38bbe6a7bc6c1452d2c56397344a3b75f5e46d5 --- M resources/lib/oojs-ui/oojs-ui-agora.css M resources/lib/oojs-ui/oojs-ui-apex.css M resources/lib/oojs-ui/oojs-ui.js M resources/lib/oojs-ui/oojs-ui.svg.css 4 files changed, 54 insertions(+), 80 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core refs/changes/38/150638/1 diff --git a/resources/lib/oojs-ui/oojs-ui-agora.css b/resources/lib/oojs-ui/oojs-ui-agora.css index 0609618..cb0a653 100644 --- a/resources/lib/oojs-ui/oojs-ui-agora.css +++ b/resources/lib/oojs-ui/oojs-ui-agora.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (e9cf571db2) + * OOjs UI v0.1.0-pre (3d8475c0b3) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-07-28T21:48:00Z + * Date: 2014-07-30T19:38:45Z */ .oo-ui-dialog-content > .oo-ui-window-head, .oo-ui-dialog-content > .oo-ui-window-body, @@ -203,15 +203,18 @@ .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonedElement-button { min-width: 1.85em; min-height: 1.85em; - padding-top: 0.75em; - padding-bottom: 0.75em; + padding: 0.35em 0.75em; + border: 1px solid #dddddd; + border-radius: 4px; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labeledElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labeledElement-label, .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labeledElement-label { padding: 0 1em; + font-weight: bold; line-height: 1.85em; + color: #777777; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconedElement-icon, @@ -221,81 +224,39 @@ margin-top: -0.125em; } -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed, -.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonedElement-framed { - margin: 0.75em 0 0.75em 0.75em; - border: solid 1px #ccc; - border-radius: 0.25em; -} - .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button { - padding: 0; vertical-align: middle; } -.oo-ui-processDialog-actions-safe.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button, -.oo-ui-processDialog-actions-primary.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button { - margin: 0.75em; +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button { + border: 1px solid transparent; } -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover { - background-color: rgba(0, 0, 0, 0.05); +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-labeledElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-labeledElement-label, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-labeledElement-label { + color: #d11d13; } -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active { - background-color: rgba(0, 0, 0, 0.1); +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonedElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonedElement-button { + padding: 0.75em 0.35em; + border: none; + border-radius: 0; } -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed { - margin: 0.75em; -} - -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button { - /* Adjust for border so text aligns with title */ - - margin: -1px; -} - -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary:hover { - background-color: rgba(8, 126, 204, 0.05); -} - -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active { - background-color: rgba(8, 126, 204, 0.1); +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button { + background-color: #347bff; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label { - font-weight: bold; -} - -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover { - background-color: rgba(118, 171, 54, 0.05); -} - -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active { - background-color: rgba(118, 171, 54, 0.1); -} - -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover { - background-color: rgba(212, 83, 83, 0.05); -} - -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active { - background-color: rgba(212, 83, 83, 0.1); + color: #ffffff; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon { @@ -312,6 +273,11 @@ .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label { padding-right: 2.25em; +} + +.oo-ui-processDialog-actions-other { + position: absolute; + bottom: 1em; } .oo-ui-processDialog > .oo-ui-window-frame { @@ -352,6 +318,10 @@ .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { padding: 0 0 1em; +} + +.oo-ui-panelLayout { + padding: 1em 3.35em; } .oo-ui-optionWidget { @@ -401,6 +371,10 @@ background: #347bff; } +.oo-ui-menuItemWidget .oo-ui-iconedElement-icon { + background-size: 24px auto; +} + .oo-ui-menuSectionItemWidget { font-weight: normal; color: #777777; diff --git a/resources/lib/oojs-ui/oojs-ui-apex.css b/resources/lib/oojs-ui/oojs-ui-apex.css index 6325afa..c65845e 100644 --- a/resources/lib/oojs-ui/oojs-ui-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-apex.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (e9cf571db2) + * OOjs UI v0.1.0-pre (3d8475c0b3) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-07-28T21:48:00Z + * Date: 2014-07-30T19:38:45Z */ .oo-ui-dialog-content > .oo-ui-window-head, .oo-ui-dialog-content > .oo-ui-window-body, diff --git a/resources/lib/oojs-ui/oojs-ui.js b/resources/lib/oojs-ui/oojs-ui.js index 1c2dfc9..baf8c91 100644 --- a/resources/lib/oojs-ui/oojs-ui.js +++ b/resources/lib/oojs-ui/oojs-ui.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (e9cf571db2) + * OOjs UI v0.1.0-pre (3d8475c0b3) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-07-28T21:48:00Z + * Date: 2014-07-30T19:38:45Z */ ( function ( OO ) { @@ -1292,10 +1292,13 @@ // Initialize contents doc.open(); + // The following classes can be used here: + // oo-ui-ltr + // oo-ui-rtl doc.write( '<!doctype html>' + '<html>' + - '<body class="oo-ui-frame-content oo-ui-' + this.dir + '" style="direction:' + this.dir + ';" dir="' + this.dir + '">' + + '<body class="oo-ui-frame-content oo-ui-' + this.dir + '" dir="' + this.dir + '">' + '</body>' + '</html>' ); @@ -6095,6 +6098,11 @@ this.$element.removeClass( 'oo-ui-fieldLayout-align-' + this.align ); } this.align = value; + // The following classes can be used here: + // oo-ui-fieldLayout-align-left + // oo-ui-fieldLayout-align-right + // oo-ui-fieldLayout-align-top + // oo-ui-fieldLayout-align-inline this.$element.addClass( 'oo-ui-fieldLayout-align-' + this.align ); } diff --git a/resources/lib/oojs-ui/oojs-ui.svg.css b/resources/lib/oojs-ui/oojs-ui.svg.css index bea01e2..529c32a 100644 --- a/resources/lib/oojs-ui/oojs-ui.svg.css +++ b/resources/lib/oojs-ui/oojs-ui.svg.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (e9cf571db2) + * OOjs UI v0.1.0-pre (3d8475c0b3) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-07-28T21:48:00Z + * Date: 2014-07-30T19:38:45Z */ /* Textures */ @@ -37,10 +37,9 @@ margin: 0; } -.oo-ui-frame-body { +.oo-ui-frame-content { padding: 0; margin: 0; - background: none; } .oo-ui-frame-content:focus { @@ -53,10 +52,6 @@ .oo-ui-toolbar-bar { line-height: 1em; -} - -.oo-ui-toolbar-bottom .oo-ui-toolbar-bar { - position: absolute; } .oo-ui-toolbar-actions { @@ -430,10 +425,6 @@ margin-top: 2em; } -.oo-ui-fieldsetLayout-labeled { - margin-top: -0.75em; -} - .oo-ui-fieldsetLayout > .oo-ui-labeledElement-label { padding: 0.25em 0; margin-bottom: 0.5em; @@ -474,6 +465,7 @@ .oo-ui-panelLayout-scrollable { overflow-y: auto; + -webkit-overflow-scrolling: touch; } .oo-ui-panelLayout-expanded { -- To view, visit https://gerrit.wikimedia.org/r/150638 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: If38bbe6a7bc6c1452d2c56397344a3b75f5e46d5 Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/core Gerrit-Branch: master Gerrit-Owner: Jforrester <[email protected]> _______________________________________________ MediaWiki-commits mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
