Thijs/wiki.techinc.nl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Turn mediawiki.widgets.Table styles from CSS to LESS

Browse source 
They have repetition of selectors which can be improved using LESS.

Change-Id: I78971a0040c8986b71b0cec5044a489fd18fb8b2
This commit is contained in:
Ebrahim Byagowi 2024-07-08 22:07:28 +03:30
parent 6d58c6b43a
commit 423d222ea5
5 changed files with 46 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/Resources.php
View file

@ -3028,8 +3028,8 @@ return [
'resources/src/mediawiki.widgets/Table/mw.widgets.TableWidgetModel.js'
],
'styles' => [
'resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.css',
'resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.css',
'resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.less',
'resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.less',
],
'dependencies' => [
'oojs-ui-widgets'

33
resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.css
View file

@ -1,33 +0,0 @@
.mw-widgets-rowWidget {
clear: left;
float: left;
margin-bottom: -1px;
width: 100%;
}
.mw-widgets-rowWidget-label {
display: block;
margin-right: 5%;
padding-top: 0.5em;
width: 35%;
}
.mw-widgets-rowWidget > .mw-widgets-rowWidget-label {
float: left;
}
.mw-widgets-rowWidget > .mw-widgets-rowWidget-cells {
float: left;
}
.mw-widgets-rowWidget > .mw-widgets-rowWidget-cells > .oo-ui-inputWidget {
float: left;
margin-right: -1px;
width: 8em;
}
.mw-widgets-rowWidget > .mw-widgets-rowWidget-cells > .oo-ui-inputWidget > input,
.mw-widgets-rowWidget > .mw-widgets-rowWidget-delete-button > .oo-ui-buttonElement-button {
margin: 0;
border-radius: 0;
}

33
resources/src/mediawiki.widgets/Table/mw.widgets.RowWidget.less Normal file
View file

@ -0,0 +1,33 @@
.mw-widgets-rowWidget {
clear: left;
float: left;
margin-bottom: -1px;
width: 100%;
&-label {
display: block;
margin-right: 5%;
padding-top: 0.5em;
width: 35%;
}
& > &-label {
float: left;
}
& > &-cells {
float: left;
> .oo-ui-inputWidget {
float: left;
margin-right: -1px;
width: 8em;
}
}
& > &-cells > .oo-ui-inputWidget > input,
& > &-delete-button > .oo-ui-buttonElement-button {
margin: 0;
border-radius: 0;
}
}

9
resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.css
View file

@ -1,9 +0,0 @@
.mw-widgets-tableWidget > .mw-widgets-tableWidget-rows {
float: left;
clear: left;
width: 100%;
}
.mw-widgets-tableWidget.mw-widgets-tableWidget-no-labels .mw-widgets-rowWidget-label {
display: none;
}

11
resources/src/mediawiki.widgets/Table/mw.widgets.TableWidget.less Normal file
View file

@ -0,0 +1,11 @@
.mw-widgets-tableWidget {
> .mw-widgets-tableWidget-rows {
float: left;
clear: left;
width: 100%;
}
&.mw-widgets-tableWidget-no-labels .mw-widgets-rowWidget-label {
display: none;
}
}