Page MenuHomeWickedGov Phorge
Files F4113436

ext.echo.styles.badge.less
No OneTemporary
Actions

Size
1 KB
Referenced Files
None
Subscribers
None

ext.echo.styles.badge.less
View Options

@import 'mediawiki.skin.variables.less';
.mixin-notification-badge() {
position: relative;
background-position: center;
background-repeat: no-repeat;
// When 99+ allow counter so spill outside icon
&.cdx-button {
overflow: visible;
}
&::after {
position: absolute;
left: 55%;
top: 43%;
font-size: unit( ( 12 / 16 ) * @font-size-small, rem );
padding: 0 unit( ( 4 / 16 ) * @font-size-small, rem );
border: 1px solid #fff;
border-radius: @border-radius-base;
background-color: #72777d;
content: attr( data-counter-text );
color: #fff;
}
// The number of notifications shouldn't show if there are none.
&[ data-counter-num='0' ]::after {
content: none;
}
}
.mw-echo-notification-badge-nojs {
.mixin-notification-badge();
}
// Special colors for unseen notifications
#pt-notifications-alert .mw-echo-unseen-notifications::after {
background-color: @color-destructive;
}
#pt-notifications-notice .mw-echo-unseen-notifications::after {
background-color: @color-progressive;
}
// Override ULS enhanced buttons
#pt-notifications-notice .mw-echo-notifications-badge,
#pt-notifications-alert .mw-echo-notifications-badge {
.mixin-notification-badge();
display: inline-flex;
margin: 0;
opacity: 1;
// Workaround T343838.
// The OOUI icon uses the ::after pseudo element so will not work with mask image.
// Because of this we disable the mask image rule.
/* stylelint-disable declaration-no-important */
-webkit-mask-image: none !important;
mask-image: none !important;
/* stylelint-enable declaration-no-important */
// T341490 We are incorrectly applying Codex icon and button styles on the
// same element because ULS frequently overwrites the contents of the element
// so it is too difficult to maintain the correct markup. Because we are mixing
// Codex styles, the proper styles are overridden, this corrects that.
min-width: @min-size-interactive-pointer;
min-height: @min-size-interactive-pointer;
}

File Metadata

Mime Type
text/plain
Expires
Tue, Aug 18, 23:25 (5 h, 34 m ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
db/d3/70655021b0efd6945bbe297451ef
Default Alt Text
ext.echo.styles.badge.less (1 KB)

Event Timeline