wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-09-23 18:29:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Split MenuPortal.less into legacy and modern Vector"

Browse source
This commit is contained in:
jenkins-bot 2022-10-13 17:53:53 +00:00 committed by Gerrit Code Review
parent f7d1e7b11a d2618e9428
commit 3f00191c85
5 changed files with 86 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
.storybook/webpack.config.js
View file

@ -11,13 +11,13 @@ module.exports = {
'../resources/skins.vector.styles/Menu.less': '../resources/common/components/Menu.less',
'../.storybook/common.less': '../resources/common/common.less',
'../resources/skins.vector.styles/MenuDropdown.less': '../resources/common/components/MenuDropdown.less',
'../resources/skins.vector.styles/MenuPortal.less': '../resources/common/components/MenuPortal.less',
'../resources/skins.vector.styles/MenuPortal.less': '../resources/skins.vector.styles/components/MenuPortal.less',
'../resources/skins.vector.styles/MenuTabs.less': '../resources/common/components/MenuTabs.less',
'../resources/skins.vector.styles/TabWatchstarLink.less': '../resources/common/components/TabWatchstarLink.less',
'../resources/skins.vector.styles/SearchBox.less': '../resources/common/components/SearchBox.less',
'../resources/skins.vector.styles/Sidebar.less': '../resources/skins.vector.styles/components/Sidebar.less',
'../resources/skins.vector.styles/SidebarLogo.less': '../resources/common/components/SidebarLogo.less',
'../resources/skins.vector.styles/MenuPortal.less': '../resources/common/components/MenuPortal.less'
'../resources/skins.vector.styles/MenuPortal.less': '../resources/skins.vector.styles/components/MenuPortal.less'
}
},
module: {

1
resources/common/common.less
View file

@ -16,7 +16,6 @@
@import './components/SiteNotice.less';
@import './components/Menu.less';
@import './components/MenuDropdownCheckbox.less';
@import './components/MenuPortal.less';
@import './components/SearchBox.less';
@import './components/SidebarLogo.less';
@import './components/Footer.less';

46
resources/common/components/MenuPortal.less
View file

@ -1,46 +0,0 @@
@import '../variables.less';
@import 'mediawiki.mixins.less';
.vector-menu-portal {
margin: 0 @margin-end-portal 0 @margin-start-portal;
padding: 0.25em 0;
direction: ltr;
.vector-menu-heading {
display: block;
color: @color-base--subtle;
margin: 0.5em 0 0 ( @margin-start-nav-main-body / @font-size-nav-main-heading );
border: 0;
padding: 0.25em 0;
font-size: @font-size-nav-main-heading;
font-weight: normal;
cursor: default;
}
.vector-menu-content {
margin-left: @margin-start-portal-body;
padding-top: 0;
ul {
list-style: none;
margin: 0;
padding-top: 0.3em;
}
li {
margin: 0;
padding: 0.25em 0;
font-size: @font-size-portal-list-item;
line-height: @line-height-nav;
word-wrap: break-word;
a {
color: @color-link;
&:visited {
color: @color-link--visited;
}
}
}
}
}

42
resources/skins.vector.styles.legacy/components/MenuPortal.less
View file

@ -1,8 +1,50 @@
@import '../../common/variables.less';
@import 'mediawiki.mixins.less';
.vector-menu-portal {
margin: 0 @margin-end-portal 0 @margin-start-portal;
padding: 0.25em 0;
direction: ltr;
.vector-menu-heading {
display: block;
color: @color-base--subtle;
margin: 0.5em 0 0 ( @margin-start-nav-main-body / @font-size-nav-main-heading );
border: 0;
padding: 0.25em 0;
font-size: @font-size-nav-main-heading;
font-weight: normal;
cursor: default;
background-image: linear-gradient( to right, @border-color-portal-heading-transparent 0, @border-color-portal-heading 33%, @border-color-portal-heading 66%, @border-color-portal-heading-transparent 100% ); // Standard (Firefox 16+, IE 10+, Safari 6.1+, Chrome 26+)
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% @border-width-base;
}
.vector-menu-content {
margin-left: @margin-start-portal-body;
padding-top: 0;
ul {
list-style: none;
margin: 0;
padding-top: 0.3em;
}
li {
margin: 0;
padding: 0.25em 0;
font-size: @font-size-portal-list-item;
line-height: @line-height-nav;
word-wrap: break-word;
a {
color: @color-link;
&:visited {
color: @color-link--visited;
}
}
}
}
}

42
resources/skins.vector.styles/components/MenuPortal.less
View file

@ -1,5 +1,47 @@
@import '../../common/variables.less';
@import 'mediawiki.mixins.less';
.vector-menu-portal {
margin: 0 @margin-end-portal 0 @margin-start-portal;
padding: 0.25em 0;
direction: ltr;
.vector-menu-heading {
display: block;
color: @color-base--subtle;
margin: 0.5em 0 0 ( @margin-start-nav-main-body / @font-size-nav-main-heading );
border: 0;
padding: 0.25em 0;
font-size: @font-size-nav-main-heading;
font-weight: normal;
cursor: default;
border-bottom: 1px solid @border-color-portal-heading;
}
.vector-menu-content {
margin-left: @margin-start-portal-body;
padding-top: 0;
ul {
list-style: none;
margin: 0;
padding-top: 0.3em;
}
li {
margin: 0;
padding: 0.25em 0;
font-size: @font-size-portal-list-item;
line-height: @line-height-nav;
word-wrap: break-word;
a {
color: @color-link;
&:visited {
color: @color-link--visited;
}
}
}
}
}