wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-12-02 11:16:37 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-Vector/resources/skins.vector.styles.legacy/components/UserMenu.less

38 lines
1 KiB
Plaintext
Raw Normal View History

Cleanup styles for personal user dropdown menu. Remove redundant styles. Update personal menu dropdown to more closely reflect design of OOUI dropdown elements. Extract legcay-specific, modern-specific styles for UserMenu into separate partials. Create new shared UserMenu component. Bug: T276561 Change-Id: I1e56cd5b3b24ac1b5cae684301b8e3a84ea33a5c
2021-05-06 22:42:00 +00:00
@import '../../common/variables.less';
// Legacy overrides for the UserMenu
/* Personal Menu */
Both UserMenu stylesheets should be shipped in modern Since we have feature flagged the new user menu feature, it is imperative we load both sets of styles until the feature has shipped. This allows us to switch seamlessly between the two without worrying about cached HTML being served with updated CSS. To do this, we add a new class to both user menu's distinguishing the legacy version from the modern version. The styles are then scoped to these new selectors. This also fixes some regressions with the legacy user menu in modern Vector when wgVectorConsolidateUserLinks is disabled. Notes: * No caching selector is needed for #pt-userpage given it can only ever be output for logged in users. * ID selectors in general are bad, so scoping to mw-portlet-personal-user-menu-legacy isolates the legacy component allowing it to be rendered alongside the modern UserMenu Bug: T276561 Change-Id: I068c5233bb25a7b141e66a6726b5761841f83eb2
2021-05-14 15:25:48 +00:00
.vector-user-menu-legacy li,
/* FIXME: the following selector is for cached HTML. It can be removed when
I068c5233bb25a7b141e66a6726b5761841f83eb2 is in production. */
Cleanup styles for personal user dropdown menu. Remove redundant styles. Update personal menu dropdown to more closely reflect design of OOUI dropdown elements. Extract legcay-specific, modern-specific styles for UserMenu into separate partials. Create new shared UserMenu component. Bug: T276561 Change-Id: I1e56cd5b3b24ac1b5cae684301b8e3a84ea33a5c
2021-05-06 22:42:00 +00:00
#p-personal li {
font-size: @font-size-nav-personal;
}
/* Icon for registered user names & anonymous message */
Both UserMenu stylesheets should be shipped in modern Since we have feature flagged the new user menu feature, it is imperative we load both sets of styles until the feature has shipped. This allows us to switch seamlessly between the two without worrying about cached HTML being served with updated CSS. To do this, we add a new class to both user menu's distinguishing the legacy version from the modern version. The styles are then scoped to these new selectors. This also fixes some regressions with the legacy user menu in modern Vector when wgVectorConsolidateUserLinks is disabled. Notes: * No caching selector is needed for #pt-userpage given it can only ever be output for logged in users. * ID selectors in general are bad, so scoping to mw-portlet-personal-user-menu-legacy isolates the legacy component allowing it to be rendered alongside the modern UserMenu Bug: T276561 Change-Id: I068c5233bb25a7b141e66a6726b5761841f83eb2
2021-05-14 15:25:48 +00:00
/* FIXME: the following selector is for cached HTML. It can be removed when
I068c5233bb25a7b141e66a6726b5761841f83eb2 is in production */
Cleanup styles for personal user dropdown menu. Remove redundant styles. Update personal menu dropdown to more closely reflect design of OOUI dropdown elements. Extract legcay-specific, modern-specific styles for UserMenu into separate partials. Create new shared UserMenu component. Bug: T276561 Change-Id: I1e56cd5b3b24ac1b5cae684301b8e3a84ea33a5c
2021-05-06 22:42:00 +00:00
#pt-anonuserpage,
Both UserMenu stylesheets should be shipped in modern Since we have feature flagged the new user menu feature, it is imperative we load both sets of styles until the feature has shipped. This allows us to switch seamlessly between the two without worrying about cached HTML being served with updated CSS. To do this, we add a new class to both user menu's distinguishing the legacy version from the modern version. The styles are then scoped to these new selectors. This also fixes some regressions with the legacy user menu in modern Vector when wgVectorConsolidateUserLinks is disabled. Notes: * No caching selector is needed for #pt-userpage given it can only ever be output for logged in users. * ID selectors in general are bad, so scoping to mw-portlet-personal-user-menu-legacy isolates the legacy component allowing it to be rendered alongside the modern UserMenu Bug: T276561 Change-Id: I068c5233bb25a7b141e66a6726b5761841f83eb2
2021-05-14 15:25:48 +00:00
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
Cleanup styles for personal user dropdown menu. Remove redundant styles. Update personal menu dropdown to more closely reflect design of OOUI dropdown elements. Extract legcay-specific, modern-specific styles for UserMenu into separate partials. Create new shared UserMenu component. Bug: T276561 Change-Id: I1e56cd5b3b24ac1b5cae684301b8e3a84ea33a5c
2021-05-06 22:42:00 +00:00
background-position: @background-position-nav-personal-icon;
padding-top: 0.5em;
}
Both UserMenu stylesheets should be shipped in modern Since we have feature flagged the new user menu feature, it is imperative we load both sets of styles until the feature has shipped. This allows us to switch seamlessly between the two without worrying about cached HTML being served with updated CSS. To do this, we add a new class to both user menu's distinguishing the legacy version from the modern version. The styles are then scoped to these new selectors. This also fixes some regressions with the legacy user menu in modern Vector when wgVectorConsolidateUserLinks is disabled. Notes: * No caching selector is needed for #pt-userpage given it can only ever be output for logged in users. * ID selectors in general are bad, so scoping to mw-portlet-personal-user-menu-legacy isolates the legacy component allowing it to be rendered alongside the modern UserMenu Bug: T276561 Change-Id: I068c5233bb25a7b141e66a6726b5761841f83eb2
2021-05-14 15:25:48 +00:00
.vector-user-menu-legacy #pt-userpage {
Cleanup styles for personal user dropdown menu. Remove redundant styles. Update personal menu dropdown to more closely reflect design of OOUI dropdown elements. Extract legcay-specific, modern-specific styles for UserMenu into separate partials. Create new shared UserMenu component. Bug: T276561 Change-Id: I1e56cd5b3b24ac1b5cae684301b8e3a84ea33a5c
2021-05-06 22:42:00 +00:00
padding-top: 0;
a {
display: inline-block;
}
}
/* Show anonymous "Not logged in" text in gray */
Both UserMenu stylesheets should be shipped in modern Since we have feature flagged the new user menu feature, it is imperative we load both sets of styles until the feature has shipped. This allows us to switch seamlessly between the two without worrying about cached HTML being served with updated CSS. To do this, we add a new class to both user menu's distinguishing the legacy version from the modern version. The styles are then scoped to these new selectors. This also fixes some regressions with the legacy user menu in modern Vector when wgVectorConsolidateUserLinks is disabled. Notes: * No caching selector is needed for #pt-userpage given it can only ever be output for logged in users. * ID selectors in general are bad, so scoping to mw-portlet-personal-user-menu-legacy isolates the legacy component allowing it to be rendered alongside the modern UserMenu Bug: T276561 Change-Id: I068c5233bb25a7b141e66a6726b5761841f83eb2
2021-05-14 15:25:48 +00:00
/* FIXME: the following selector is for cached HTML. It can be removed when
I068c5233bb25a7b141e66a6726b5761841f83eb2 is in production. */
#pt-anonuserpage,
.vector-user-menu-legacy #pt-anonuserpage {
Cleanup styles for personal user dropdown menu. Remove redundant styles. Update personal menu dropdown to more closely reflect design of OOUI dropdown elements. Extract legcay-specific, modern-specific styles for UserMenu into separate partials. Create new shared UserMenu component. Bug: T276561 Change-Id: I1e56cd5b3b24ac1b5cae684301b8e3a84ea33a5c
2021-05-06 22:42:00 +00:00
color: #54595d;
}
Reference in a new issue Copy permalink