Esanders has uploaded a new change for review.
https://gerrit.wikimedia.org/r/165763
Change subject: Fix styling of search dialog in MW
......................................................................
Fix styling of search dialog in MW
Also add to dialog demo.
Bug: 71889
Change-Id: I95e11ca339ebc9bb1f1b19e3e3a7340d9f76865d
---
M demos/pages/dialogs.js
M src/themes/mediawiki/widgets.less
2 files changed, 53 insertions(+), 1 deletion(-)
git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/63/165763/1
diff --git a/demos/pages/dialogs.js b/demos/pages/dialogs.js
index 088639d..f2ea0b8 100644
--- a/demos/pages/dialogs.js
+++ b/demos/pages/dialogs.js
@@ -64,6 +64,35 @@
return this.content.$element.outerHeight( true );
};
+ function SearchWidgetDialog( config ) {
+ SearchWidgetDialog.super.call( this, config );
+ this.broken = false;
+ }
+ OO.inheritClass( SearchWidgetDialog, OO.ui.ProcessDialog );
+ SearchWidgetDialog.static.title = 'Search widget dialog';
+ SearchWidgetDialog.prototype.initialize = function () {
+ SearchWidgetDialog.super.prototype.initialize.apply( this,
arguments );
+ var i, items = [], searchWidget = new OO.ui.SearchWidget( { $:
this.$ } );
+ for ( i = 1; i <= 20; i++ ) {
+ items.push( new OO.ui.OptionWidget( i, { $: this.$,
label: 'Item ' + i } ) );
+ }
+ searchWidget.results.addItems( items );
+ searchWidget.onQueryChange = function () {};
+ this.$body.append( searchWidget.$element );
+ };
+ SearchWidgetDialog.prototype.getBodyHeight = function () {
+ return 300;
+ };
+ SearchWidgetDialog.static.actions = [
+ { action: 'cancel', label: 'Cancel', flags: 'safe' }
+ ];
+ SearchWidgetDialog.prototype.getActionProcess = function ( action ) {
+ var dialog = this;
+ return new OO.ui.Process( function () {
+ dialog.close( { action: action } );
+ } );
+ };
+
function BrokenDialog( config ) {
BrokenDialog.super.call( this, config );
this.broken = false;
@@ -225,6 +254,13 @@
}
},
{
+ name: 'Search widget dialog (medium)',
+ dialogClass: SearchWidgetDialog,
+ config: {
+ size: 'medium'
+ }
+ },
+ {
name: 'Broken dialog (error handling)',
dialogClass: BrokenDialog,
config: {
diff --git a/src/themes/mediawiki/widgets.less
b/src/themes/mediawiki/widgets.less
index 1b89294..2ccd22f 100644
--- a/src/themes/mediawiki/widgets.less
+++ b/src/themes/mediawiki/widgets.less
@@ -416,7 +416,23 @@
}
}
-.theme-oo-ui-searchWidget () {}
+.theme-oo-ui-searchWidget () {
+ &-query {
+ height: 2.2em;
+ padding: 0 1em;
+ border-bottom: solid 1px #ccc;
+
+ .oo-ui-textInputWidget input {
+ border: 0;
+ }
+ }
+
+ &-results {
+ top: 2.2em;
+ bottom: 0.2em;
+ line-height: 0;
+ }
+}
.theme-oo-ui-selectWidget () {
border-radius: 0.3em;
--
To view, visit https://gerrit.wikimedia.org/r/165763
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I95e11ca339ebc9bb1f1b19e3e3a7340d9f76865d
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: Esanders <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
