Make mw-sidebar-sitename flexible

This removes the need to overwrite the 'top' property in the global css.
This commit is contained in:
Hannes 2019-12-28 10:40:50 +01:00
parent 4fe581fb46
commit 987fb23125
No known key found for this signature in database
GPG key ID: 371029119C5F0D51
2 changed files with 7 additions and 4 deletions

View file

@ -201,6 +201,7 @@ a {
#mw-wrapper {
overflow: hidden;
perspective: 1px; // Antialiasing fix
}
#siteNotice {

View file

@ -279,19 +279,21 @@
#mw-sidebar-sitename {
position: fixed;
visibility: visible;
top: @sidebar-sitename-height + @header-height + @margin-side;
top: 0;
left: @margin-side;
font-size: 11px;
letter-spacing: 4px;
transform: translateY( 0 ) rotate( -90deg );
transform-origin: top left;
transform: translateY( 100% ) translateX( -100% ) rotate( -90deg );
transform-origin: top right;
transition: @transition-transform, @transition-opacity;
padding-right: 90px;
-webkit-font-smoothing: subpixel-antialiased;
}
// Nav up stuff
.nav-up {
~ #mw-sidebar-sitename {
transform: translateY( -54px ) rotate( -90deg );
transform: translateY( -54px ) translateX( -100% ) rotate( -90deg );
}
#mw-header-menu-drawer-container {