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

build: Updating npm dependencies

Browse source 
* stylelint-config-wikimedia: 0.13.0 → 0.14.0

Run stylelint fix to fix the new stylelint rule

Change-Id: I3f9e528ca9f8292a9e3630356f0e8bf5df5f6609
This commit is contained in:
Umherirrender 2023-03-28 22:22:36 +02:00
parent 6ad3ad889e
commit f3dfc9df1e
18 changed files with 747 additions and 353 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1012
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

2
package.json
View file

@ -51,7 +51,7 @@
"node-fetch": "2.6.7",
"postcss-less": "6.0.0",
"pre-commit": "1.2.2",
"stylelint-config-wikimedia": "0.13.0",
"stylelint-config-wikimedia": "0.14.0",
"svgo": "3.0.2",
"ts-jest": "27.1.3",
"typescript": "4.5.5",

2
resources/common/mixins.less
View file

@ -59,7 +59,7 @@
// Add extra padding for the fade scrollable indicator.
padding-bottom: @height-scroll-indicator - @padding-vertical-dropdown-menu-item;
&:after {
&::after {
content: '';
display: block;
position: absolute;

2
resources/common/print.less
View file

@ -111,7 +111,7 @@ p {
// between the surrounding elements, making the reading experience less
// enjoyable. If there is not enough space the following code will push
// the paragraph contents until after the floating element(s).
&:before {
&::before {
content: '';
display: block;
width: 120pt;

4
resources/skins.vector.es6/limitedWidthToggle.less
View file

@ -21,11 +21,11 @@
}
//NOTE: enabled/disabled class on body.
.vector-feature-limited-width-disabled .vector-limited-width-toggle:before {
.vector-feature-limited-width-disabled .vector-limited-width-toggle::before {
background-image: url( images/fullscreen-close.svg );
}
.vector-feature-limited-width-enabled .vector-limited-width-toggle:before {
.vector-feature-limited-width-enabled .vector-limited-width-toggle::before {
background-image: url( images/fullscreen.svg );
}
}

6
resources/skins.vector.styles.legacy/components/MenuDropdown.less
View file

@ -3,7 +3,7 @@
@import '../../common/mixins.less';
// Flips the chevron so it points up when the dropdown is open.
.vector-menu-checkbox:checked + .vector-menu-heading:after {
.vector-menu-checkbox:checked + .vector-menu-heading::after {
transform: scaleY( -1 );
}
@ -29,7 +29,7 @@
padding: 1.25em 8px 6px;
font-weight: normal;
&:after {
&::after {
.mixin-vector-legacy-menu-heading-arrow();
// Modify the color of the image from the default #202122 to approx. #404244 to match the text.
opacity: @opacity-icon-base;
@ -39,7 +39,7 @@
&:focus {
color: @color-base;
&:after {
&::after {
opacity: @opacity-icon-base--selected;
}
}

24
resources/skins.vector.styles.legacy/components/TabWatchstarLink.less
View file

@ -19,7 +19,7 @@
padding: @height-watchlink 0 0 0;
overflow: hidden;
&:before {
&::before {
background-repeat: no-repeat;
background-position: 50% 50%;
content: '';
@ -32,36 +32,36 @@
}
}
#ca-unwatch.icon a:before {
#ca-unwatch.icon a::before {
background-image: url( ../common/images/unwatch-icon.svg );
}
#ca-unwatch.mw-watchlink-temp.icon a:before {
#ca-unwatch.mw-watchlink-temp.icon a::before {
background-image: url( ../common/images/unwatch-temp-icon.svg );
}
#ca-watch.icon a:before {
#ca-watch.icon a::before {
background-image: url( ../common/images/watch-icon.svg );
}
#ca-unwatch.icon a:hover:before,
#ca-unwatch.icon a:focus:before {
#ca-unwatch.icon a:hover::before,
#ca-unwatch.icon a:focus::before {
background-image: url( ../common/images/unwatch-icon-hl.svg );
}
#ca-unwatch.mw-watchlink-temp.icon a:hover:before,
#ca-unwatch.mw-watchlink-temp.icon a:focus:before {
#ca-unwatch.mw-watchlink-temp.icon a:hover::before,
#ca-unwatch.mw-watchlink-temp.icon a:focus::before {
background-image: url( ../common/images/unwatch-temp-icon-hl.svg );
}
#ca-watch.icon a:hover:before,
#ca-watch.icon a:focus:before {
#ca-watch.icon a:hover::before,
#ca-watch.icon a:focus::before {
background-image: url( ../common/images/watch-icon-hl.svg );
}
// Loading watchstar link class.
#ca-unwatch.icon .loading:before,
#ca-watch.icon .loading:before {
#ca-unwatch.icon .loading::before,
#ca-watch.icon .loading::before {
.rotation( 700ms );
/* Suppress the hilarious rotating focus outline on Firefox */
outline: 0;

2
resources/skins.vector.styles/components/Dropdown.less
View file

@ -11,7 +11,7 @@
.vector-dropdown > .vector-menu-heading:not( .mw-ui-icon-element ) {
display: flex;
&:after {
&::after {
.mixin-vector-menu-heading-arrow();
}
}

2
resources/skins.vector.styles/components/Icon.less
View file

@ -1,5 +1,5 @@
// Make sure all icons are the correct color https://phabricator.wikimedia.org/T317800
.mw-ui-icon:before {
.mw-ui-icon::before {
// `@opacity-icon-base` equals to `#222` on `background-color: #fff`, closest to `#202122`.
opacity: @opacity-icon-base;
}

8
resources/skins.vector.styles/components/LanguageDropdown.less
View file

@ -36,12 +36,12 @@
// T291286: Temporarily use progressive ULS style
&.mw-ui-progressive.mw-ui-quiet {
.mw-ui-icon:before {
.mw-ui-icon::before {
// Ensure inverted language icon is white
opacity: @opacity-base;
}
&:after {
&::after {
// Invert arrow color
background-image: url( ../common/images/arrow-down-progressive.svg );
opacity: @opacity-base;
@ -56,7 +56,7 @@
filter: brightness( 0 ) invert( 1 );
}
&:after {
&::after {
background-image: url( ../common/images/arrow-down-invert.svg );
}
}
@ -114,7 +114,7 @@
.mw-interlanguage-selector {
display: flex;
&:after {
&::after {
.mixin-vector-menu-heading-arrow();
}
}

4
resources/skins.vector.styles/components/MainMenu.less
View file

@ -121,7 +121,7 @@
}
#mw-sidebar-button {
&:before {
&::before {
/* @embed */
.vector-feature-page-tools-disabled & {
background-image: url( images/chevronHorizontal-ltr.svg );
@ -134,7 +134,7 @@
}
&:hover {
&:before {
&::before {
opacity: 1;
}
}

4
resources/skins.vector.styles/components/PinnableHeader.less
View file

@ -42,12 +42,12 @@
color: @color-primary--hover;
}
&:before {
&::before {
content: '@{msg-brackets-start}';
color: @color-base--subtle;
}
&:after {
&::after {
content: '@{msg-brackets-end}';
color: @color-base--subtle;
}

2
resources/skins.vector.styles/components/SearchBoxLoader.less
View file

@ -24,7 +24,7 @@
// https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/tags/v0.1.0-alpha.8/packages/codex/src/components/typeahead-search/TypeaheadSearch.vue#678
@padding-vertical-menu-item: 8px;
.search-form__loader:after {
.search-form__loader::after {
// Set the i18n message.
content: attr( data-loading-msg );
//

8
resources/skins.vector.styles/components/TabWatchstarLink.less
View file

@ -7,11 +7,11 @@
* (in which case it is inside `.vector-menu-dropdown` instead of `.vector-menu-tabs`). */
// Note: there's no watchstar for anon users so no need to worry about cached HTML when changing this class
// Loading watchstar link class.
.mw-watchlink a:before {
.mw-watchlink a::before {
transition: transform 500ms;
}
.mw-watchlink .loading:before {
.mw-watchlink .loading::before {
/* Suppress the hilarious rotating focus outline on Firefox */
outline: 0;
cursor: default;
@ -19,7 +19,7 @@
transform-origin: 50% 50%;
}
.mw-ui-icon-wikimedia-unStar:before,
.mw-ui-icon-wikimedia-star.loading:before {
.mw-ui-icon-wikimedia-unStar::before,
.mw-ui-icon-wikimedia-star.loading::before {
transform: rotate( 72deg );
}

6
resources/skins.vector.styles/components/UserLinks.less
View file

@ -92,7 +92,7 @@
* Logged-in dropdown menu
*/
.vector-user-menu-logged-in {
.vector-menu-heading:after {
.vector-menu-heading::after {
.mixin-vector-menu-heading-arrow();
}
}
@ -103,11 +103,11 @@
#p-user-menu-anon-editor .vector-menu-heading {
display: block;
a:before {
a::before {
content: '@{msg-parentheses-start}';
}
a:after {
a::after {
content: '@{msg-parentheses-end}';
}
}

2
resources/skins.vector.styles/layouts/grid.less
View file

@ -5,7 +5,7 @@
// Match styles between TOC and fade element to ensure the fade covers the correct area
// This is expressed in pixels to support different font sizes since our layout is currently
// expressed in pixels. See T313817.
.vector-feature-page-tools-disabled #vector-toc-pinned-container .vector-toc:after,
.vector-feature-page-tools-disabled #vector-toc-pinned-container .vector-toc::after,
.vector-feature-page-tools-disabled #vector-toc-pinned-container .vector-toc,
.vector-feature-page-tools-disabled .vector-main-menu {
// T305069 Layout adjustments of sidebar elements

2
skinStyles/ext.echo.styles.alert.less
View file

@ -18,7 +18,7 @@
overflow: hidden;
text-overflow: ellipsis;
.mw-ui-icon.mw-ui-icon-before:before {
.mw-ui-icon.mw-ui-icon-before::before {
display: none;
}
}

8
skinStyles/ext.echo.styles.badge.less
View file

@ -7,7 +7,7 @@
overflow: visible;
}
&:after {
&::after {
position: absolute;
left: 55%;
top: 43%;
@ -21,7 +21,7 @@
}
// The number of notifications shouldn't show if there are none.
&[ data-counter-num='0' ]:after {
&[ data-counter-num='0' ]::after {
content: none;
}
}
@ -31,11 +31,11 @@
}
// Special colors for unseen notifications
#pt-notifications-alert .mw-echo-unseen-notifications:after {
#pt-notifications-alert .mw-echo-unseen-notifications::after {
background-color: @color-destructive;
}
#pt-notifications-notice .mw-echo-unseen-notifications:after {
#pt-notifications-notice .mw-echo-unseen-notifications::after {
background-color: @color-primary;
}