Skip to content

v17.angular.io notification tweak by forivall

Write a review Install Get Stylus

Details

Authorforivall

LicenseNo License

Categoryangular

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Simple tweak for people who still use angular v17

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           v17.angular.io notification tweak
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("v17.angular.io") {
  [notificationid="angular-dot-dev"] {
    display: block;
    float: right;
    position: absolute;
    width: auto;
    left: calc(20% - 0.20 * 1150px + 495px);
    top: 0;
    height: auto;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    z-index: 1;
  }
  .search-container > * {
    z-index: 2;
  }
  @media screen and (max-width: 1149px) {
    [notificationid="angular-dot-dev"] {
      left: calc(10% - 0.10 * 1150px + 140px);
    }
  }
  
  .aio-notification-show mat-sidenav-container.sidenav-container mat-sidenav.sidenav {
    top: 64px;
  }
  .aio-notification-show mat-sidenav-container.sidenav-container .sidenav-content {
    padding-top: 80px;
  }
  .archive-warning {
    margin: 4px 8px;
    padding: 4px
  }
  .archive-warning, .archive-warning p, .archive-warning a {
    font-size: small;
    line-height: 1.4em;
  }
}

Reviews

No reviews yet.