Prtksxna has uploaded a new change for review.
https://gerrit.wikimedia.org/r/201693
Change subject: [wip] Make PopupsWidget and FlaggedElement
......................................................................
[wip] Make PopupsWidget and FlaggedElement
…and add styles for the warning flag.
Bug: T92026
Change-Id: I09d165e597f0b37fb061f3ced54360adb83ca4e7
---
M demos/pages/widgets.js
M src/themes/mediawiki/common.less
M src/themes/mediawiki/widgets.less
M src/widgets/PopupWidget.js
4 files changed, 22 insertions(+), 0 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/93/201693/1
diff --git a/demos/pages/widgets.js b/demos/pages/widgets.js
index 75de527..dd69374 100644
--- a/demos/pages/widgets.js
+++ b/demos/pages/widgets.js
@@ -1214,6 +1214,7 @@
label: 'More
information',
$content: $( '<p>Extra
information here.</p>' ),
padded: true,
+ flags: [ 'warning' ],
align: 'left'
}
} ),
diff --git a/src/themes/mediawiki/common.less b/src/themes/mediawiki/common.less
index 0985eec..04f1b81 100644
--- a/src/themes/mediawiki/common.less
+++ b/src/themes/mediawiki/common.less
@@ -15,6 +15,9 @@
@destructive: #d11d13;
@destructive-selected: #a7170f;
+@warning: #ff5d00;
+@warning-selected: #b23b00;
+
@text: #555555;
@pressed-text: #444444;
@pressed-color: #d0d0d0; // Used for borders and backgrounds
diff --git a/src/themes/mediawiki/widgets.less
b/src/themes/mediawiki/widgets.less
index 4a284a1..4c82eed 100644
--- a/src/themes/mediawiki/widgets.less
+++ b/src/themes/mediawiki/widgets.less
@@ -750,6 +750,21 @@
}
}
+ &.oo-ui-flaggedElement {
+ &-warning {
+ .oo-ui-popupWidget-popup {
+ color: #fff;
+ background: @warning;
+ }
+
+ .oo-ui-popupWidget-anchor {
+ &:after {
+ border-bottom-color: @warning;
+ }
+ }
+ }
+ }
+
&-body-padded {
padding: 0 1em;
}
diff --git a/src/widgets/PopupWidget.js b/src/widgets/PopupWidget.js
index 59d7035..2130686 100644
--- a/src/widgets/PopupWidget.js
+++ b/src/widgets/PopupWidget.js
@@ -20,6 +20,7 @@
* @class
* @extends OO.ui.Widget
* @mixins OO.ui.LabelElement
+ * @mixins OO.ui.FlaggedElement
*
* @constructor
* @param {Object} [config] Configuration options
@@ -55,6 +56,7 @@
// Mixin constructors
OO.ui.LabelElement.call( this, config );
+ OO.ui.FlaggedElement.call( this, config );
OO.ui.ClippableElement.call( this, $.extend( {}, config, { $clippable:
this.$body } ) );
// Properties
@@ -113,6 +115,7 @@
OO.inheritClass( OO.ui.PopupWidget, OO.ui.Widget );
OO.mixinClass( OO.ui.PopupWidget, OO.ui.LabelElement );
+OO.mixinClass( OO.ui.PopupWidget, OO.ui.FlaggedElement );
OO.mixinClass( OO.ui.PopupWidget, OO.ui.ClippableElement );
/* Methods */
--
To view, visit https://gerrit.wikimedia.org/r/201693
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I09d165e597f0b37fb061f3ced54360adb83ca4e7
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: Prtksxna <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
