resources/src/mediawiki.tempUserBanner/tempUserBanner.less

   1 /**
   2  * Temporary-user banner
   3  * (a.k.a. the gray banner that shows up for IP masking user)
   4  * per https://phabricator.wikimedia.org/T330510
   5  **/
   6
   7 @import 'mediawiki.skin.variables.less';
   8
   9 /* Flexbox gap not supported by all browsers */
  10 /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  11 .mw-temp-user-banner {
  12         display: flex;
  13         flex-wrap: wrap;
  14         align-items: center;
  15         justify-content: flex-end;
  16         gap: @spacing-50;
  17         padding: @spacing-50;
  18         font-size: @font-size-small;
  19         background-color: @background-color-backdrop-dark;
  20         color: @color-inverted;
  21 }
  22
  23 .mw-temp-user-banner-username {
  24         font-weight: bold;
  25 }
  26
  27 /* Flexbox gap not supported by all browsers */
  28 /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  29 .mw-temp-user-banner-buttons {
  30         display: flex;
  31         gap: @spacing-50;
  32 }
  33
  34 .mw-temp-user-banner-tooltip {
  35         position: relative;
  36
  37         .mw-temp-user-banner-tooltip-icon {
  38                 .cdx-mixin-css-icon(@cdx-icon-info, @color-inverted);
  39         }
  40
  41         & .oo-ui-widget {
  42                 color: @color-base;
  43                 z-index: @z-index-off-canvas-backdrop;
  44         }
  45 }
  46
  47 .client-nojs .mw-temp-user-banner-tooltip-icon {
  48         display: none;
  49 }