mediawiki-skins-Vector/components/personalMenu.less
Bartosz Dziewoński e951a09913 Fix reversed nav elements when viewing cached HTML
Follow-up to 5d0a07bf9d.
See T48947#3641618 for a detailed explanation of the
problem this is fixing. Essentially, our CSS has to be
compatible with both new and old HTML to avoid problems
with cached pages on Wikimedia wikis. To do this, we
add a CSS class to the body and make the new CSS only
apply on pages that have this class. This patch should
be reverted when the caches expire.

Bug: T48947
Change-Id: Icf26e6690b59f470765b2634534d18d2df25ee2a
2017-09-28 04:23:01 +02:00

50 lines
1 KiB
Plaintext

/* Personal */
#p-personal {
position: absolute;
top: 0.33em;
right: 0.75em;
/* Display on top of page tabs - bugs 37158, 48078 */
z-index: 100;
h3 {
display: none;
}
ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding-left: 10em; /* Keep from overlapping logo */
}
li {
line-height: 1.125em;
/* @noflip */
float: left;
margin-left: 0.75em;
margin-top: 0.5em;
font-size: @menu-personal-font-size;
white-space: nowrap;
.vector-nav-directionality & {
float: left;
}
}
}
/* Icon for Usernames */
#pt-userpage,
#pt-anonuserpage {
background-position: left top;
background-repeat: no-repeat;
/* SVG support using a transparent gradient to guarantee cross-browser
* compatibility (browsers able to understand gradient syntax support also SVG) */
.background-image-svg('images/user-icon.svg', 'images/user-icon.png');
padding-left: 15px !important; // stylelint-disable-line declaration-no-important
}
/* Show "Not logged in" text in gray */
#pt-anonuserpage {
color: #707070;
}