mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-10-01 06:07:24 +00:00
f42faabb49
Put icons on baseline as good as possible cross-browser. It's complete waste of time trying. And is partly originated in different internal text node sizing in various browsers, biggest browser share difference is Chrome/Yandex/Safari 5 on Windows against all others. Partly it's a result of us relying on `sans-serif` generic font family instead of `Arial` – it results in different letter baseline position within font's virtual letter box, which eats my limited time on Planet Earth uselessly away. Also adding and renaming LESS variable for proper code style. Bug: T207075 Change-Id: I92acb9851a3c0acdbc40a4a4528a91c7332c9293
58 lines
1.5 KiB
Plaintext
58 lines
1.5 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 {
|
|
float: left;
|
|
margin-left: 0.75em;
|
|
// `padding-top` instead of `margin-top` necessary for
|
|
// anonymous user icon position below
|
|
padding-top: 0.5em;
|
|
font-size: @font-size-menu-personal;
|
|
line-height: @line-height-menu-personal;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
/* Icon for registered user names & anonymous message */
|
|
#pt-anonuserpage,
|
|
#pt-userpage a {
|
|
// 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-avatar.svg', 'images/user-avatar.png' );
|
|
background-position: @background-position-menu-personal-icon;
|
|
background-repeat: no-repeat;
|
|
background-size: @line-height-menu-personal @line-height-menu-personal;
|
|
// Same as `#p-personal li` above
|
|
padding-top: 0.5em !important; // stylelint-disable-line declaration-no-important
|
|
padding-left: 16px !important; // stylelint-disable-line declaration-no-important
|
|
}
|
|
|
|
#pt-userpage {
|
|
padding-top: 0 !important; // stylelint-disable-line declaration-no-important
|
|
|
|
a {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
/* Show anonymous "Not logged in" text in gray */
|
|
#pt-anonuserpage {
|
|
color: #54595d;
|
|
}
|