Jdlrobson has uploaded a new change for review. (
https://gerrit.wikimedia.org/r/372403 )
Change subject: MediawikiUI: Introduce mw-ui-icon-large
......................................................................
MediawikiUI: Introduce mw-ui-icon-large
This will allow MobileFrontend and Minerva to share rules for icons
See Ib29736dc80ac2f84747e920c5b5c30918df12978
Bug: T143264
Change-Id: I456714086d2548b2e10cceb2a05f7a0fadf94a3b
---
M resources/src/mediawiki.ui/components/icons.less
1 file changed, 15 insertions(+), 1 deletion(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core
refs/changes/03/372403/1
diff --git a/resources/src/mediawiki.ui/components/icons.less
b/resources/src/mediawiki.ui/components/icons.less
index f169d1b..7faac2e 100644
--- a/resources/src/mediawiki.ui/components/icons.less
+++ b/resources/src/mediawiki.ui/components/icons.less
@@ -39,7 +39,9 @@
//
// Styleguide 6.1.1.
&.mw-ui-icon-element {
- @width: @iconSize + ( 2 * @iconGutterWidth );
+ @iconMargins: 2 * @iconGutterWidth;
+ @width: @iconSize + @iconMargins;
+ @largeIcon: ( @iconSize * 1.75) + @iconMargins;
text-indent: -999px;
overflow: hidden;
@@ -53,6 +55,18 @@
position: absolute;
margin: 0 @iconGutterWidth;
}
+
+ &.mw-ui-icon-large {
+ width: @largeIcon;
+ min-width: @largeIcon;
+ max-width: @largeIcon;
+ line-height: @largeIcon;
+ min-height: @largeIcon;
+
+ &:before {
+ min-height: @largeIcon;
+ }
+ }
}
&.mw-ui-icon-before:before,
--
To view, visit https://gerrit.wikimedia.org/r/372403
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I456714086d2548b2e10cceb2a05f7a0fadf94a3b
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/core
Gerrit-Branch: master
Gerrit-Owner: Jdlrobson <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
