mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-24 07:54:13 +00:00
ea856105f2
In c86a1a5cf, the structure of the badge was changed, and the hack for
hiding the screenreader text in the badge was updated accordingly.
However, the Monobook styles were not updated, and this caused the badge
icons to be positioned off-screen.
Update the Monobook styles for the new badge structure, and use a
different hack for hiding the screenreader text because the one used for
other skins doesn't work in Monobook.
Bug: T226503
Change-Id: I190d2719addfbe50a7108193848bf23eef54bccf
53 lines
1.2 KiB
Plaintext
53 lines
1.2 KiB
Plaintext
// Taken from WikimediaUI base v0.6.1
|
|
// Background Colors
|
|
@background-color-base: #fff;
|
|
|
|
// Foreground Colors
|
|
@color-base: #222;
|
|
@color-base-active: #000;
|
|
@color-base-emphasized: @color-base-active;
|
|
// Primary 'Progressive' Color, Background Color
|
|
@background-color-primary: #eaf3ff;
|
|
@color-primary: #36c;
|
|
// 'Destructive' Color
|
|
@color-destructive: #d33;
|
|
|
|
// Border Colors
|
|
@border-color-heading: #c8ccd1;
|
|
|
|
// Echo's original variables
|
|
@grey-light: #72777d;
|
|
@grey-medium: #54595d;
|
|
|
|
@badge-padding: 0.12em;
|
|
@badge-icon-size: 1.1em;
|
|
@badge-distance-adjustment: 1em;
|
|
|
|
@notification-item-background-read: #eaecf0;
|
|
|
|
@notification-background-unseen: #dce8ff;
|
|
@notification-background-unread: @background-color-base;
|
|
@notification-background-read: #eaecf0;
|
|
|
|
@badge-counter-background-seen: @grey-light;
|
|
@badge-counter-background-unseen-alert: @color-destructive;
|
|
@badge-counter-background-unseen-message: @color-primary;
|
|
|
|
@notification-text-color: @color-base-emphasized;
|
|
@notification-body-color: @grey-light;
|
|
|
|
@bundle-group-padding: 0.7em;
|
|
@notification-popup-width: 500px;
|
|
|
|
@opacity-low: 0.6;
|
|
@opacity-mid: 0.8;
|
|
|
|
@specialpage-separation-unit: 0.7em;
|
|
@specialpage-sidebar-width: 20em;
|
|
|
|
@specialpage-hd-width: 982px;
|
|
|
|
@specialpage-width: 1000px;
|
|
|
|
@border-color: @border-color-heading;
|