Page MenuHomeWickedGov Phorge
Files F6035704

tempUserBanner.less
No OneTemporary
Actions

Size
1 KB
Referenced Files
None
Subscribers
None

tempUserBanner.less
View Options

/**
* Temporary-user banner
* (a.k.a. the gray banner that shows up for IP masking user)
* per https://phabricator.wikimedia.org/T330510
**/
@import 'mediawiki.skin.variables.less';
/* Flexbox gap not supported by all browsers */
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
.mw-temp-user-banner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: @spacing-50;
// Set apart from `static` for `z-index` to work.
position: relative;
padding: @spacing-50;
font-size: @font-size-small;
background-color: @background-color-backdrop-dark;
color: @color-inverted;
// Put temporary user banner above `.mw-notification-area`, which currently
// features non-design-system `z-index: 10000;`.
// Create a new stacking context for selected DOM children on body:
// - 3. Temporary user banner: `( @z-index-top + 2 )`.
// - 2. `.mw-notification-area-overlay`, the container: `@z-index-top`.
// - 2.1. `.mw-notification-area` – the actual notification area:
// Inherited`z-index: 10000`: now `( @z-index-top + 1 )`.
// - 1. `#teleport-target`: `@z-index-overlay` equal to 450.
// Refer to T404122.
// TODO: Consider lowering the `z-index` of `.mw-notification-area` and its children instead.
// And rely on named Codex `@z-index-*` tokens instead.
z-index: ( @z-index-top + 2 );
}
.mw-temp-user-banner-username {
font-weight: bold;
}
/* Flexbox gap not supported by all browsers */
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
.mw-temp-user-banner-buttons {
display: flex;
gap: @spacing-50;
}
.mw-temp-user-banner-tooltip {
position: relative;
.mw-temp-user-banner-tooltip-icon {
.cdx-mixin-css-icon(@cdx-icon-info, @color-inverted);
}
& .oo-ui-widget {
color: @color-base;
z-index: @z-index-off-canvas-backdrop;
}
}
.client-nojs .mw-temp-user-banner-tooltip-icon {
display: none;
}

File Metadata

Mime Type
text/plain
Expires
Oct 4 2026, 19:14 (5 w, 4 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
73/fc/35ca356b3cd5d3a05569dfb17786
Default Alt Text
tempUserBanner.less (1 KB)

Event Timeline