wikimedia/mediawiki-extensions-Echo
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo synced 2024-11-23 23:44:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace deprecated Less .box-sizing() mixin with standard CSS

Browse source 
Also remove 'mediawiki.mixins' includes where unused.

Bug: T306488
Change-Id: Ia9a5a1ce1e47c1de2c2197885237f9355f9cc4f2
This commit is contained in:
Volker E 2022-04-19 21:59:30 -07:00 committed by VolkerE
parent 75b3a92fd9
commit fe766f04ea
7 changed files with 9 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
modules/mobile/notificationsFilterOverlay.less
View file

@ -1,5 +1,4 @@
@import 'mediawiki.ui/variables.less';
@import 'mediawiki.mixins.less';
.notifications-filter-overlay {
padding-top: 0;
@ -19,7 +18,7 @@
padding-bottom: 0;
.mw-echo-ui-pageNotificationsOptionWidget {
.box-sizing( border-box );
box-sizing: border-box;
border: 1px solid @colorGray12;
padding: 0.7em 1.5em 1em 1em;
width: 100%;

3
modules/nojs/mw.echo.badge.less
View file

@ -1,5 +1,4 @@
@import '../echo.variables.less';
@import 'mediawiki.mixins.less';
/* stylelint-disable no-descending-specificity */
/* We have to include the #pt-notifications selector due to monobook */
@ -8,6 +7,7 @@
#pt-notifications-notice & {
position: relative;
display: block;
box-sizing: border-box;
width: 20px;
height: 20px;
margin: 0 2px;
@ -19,7 +19,6 @@
cursor: pointer;
text-decoration: none;
line-height: normal;
.box-sizing( border-box );
opacity: 0.87;
color: transparent;

2
modules/nojs/mw.echo.notifications.less
View file

@ -6,8 +6,8 @@
// where the formatting of the notifications include the following structure
.mw-echo-state {
display: block;
box-sizing: border-box;
width: 100%;
.box-sizing( border-box );
.mw-echo-notification-primary-link {
display: none;

4
modules/styles/mw.echo.ui.NotificationBadgeWidget.less
View file

@ -7,7 +7,7 @@
&-popup {
> .oo-ui-popupWidget-popup {
> .oo-ui-popupWidget-head {
.box-sizing( border-box );
box-sizing: border-box;
height: 3.1428571em; // = 44px as result of 44 / 16 (font-size browser) / 0.875 (OOUI WikimediaUI theme font-size)
border-bottom: 1px solid #c8ccd1;
margin: 0;
@ -67,7 +67,7 @@
display: table-cell;
white-space: normal;
width: @notification-popup-width / 2;
.box-sizing( border-box );
box-sizing: border-box;
&:last-child {
border-left: 1px solid #c8ccd1;

4
modules/styles/mw.echo.ui.NotificationItemWidget.less
View file

@ -8,7 +8,7 @@
position: relative;
white-space: normal;
padding: 0.8em 1em 0.5em 1em;
.box-sizing( border-box );
box-sizing: border-box;
border: 1px solid #c8ccd1;
border-bottom: 0;
@ -74,10 +74,10 @@
&-content {
display: block;
box-sizing: border-box;
// The icon is 30px
margin-left: 30px;
padding-left: 0.8em;
.box-sizing( border-box );
&-message {
line-height: 1.3em;

2
modules/styles/mw.echo.ui.PageNotificationsOptionWidget.less
View file

@ -3,8 +3,8 @@
.mw-echo-ui-pageNotificationsOptionWidget {
clear: both;
box-sizing: border-box;
width: 100%;
.box-sizing( border-box );
&.oo-ui-optionWidget {
.transition( ~'background-color 100ms, color 100ms' );

3
modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less
View file

@ -1,15 +1,14 @@
@import 'mediawiki.mixins.less';
@import '../echo.variables.less';
.mw-echo-ui-toggleReadCircleButtonWidget {
&-circle {
border-radius: 50%;
box-sizing: border-box;
min-width: 10px;
width: @bundle-group-padding;
min-height: 10px;
height: @bundle-group-padding;
margin: @bundle-group-padding;
.box-sizing( border-box );
// Mark as read
background-color: #36c;