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

Merge "Allow sidebar to be slightly smaller"

Browse source
This commit is contained in:
jenkins-bot 2024-06-08 04:30:52 +00:00 committed by Gerrit Code Review
parent 7008980df0 7eec6f5829
commit 58e577c3a4
3 changed files with 11 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
modules/echo.variables.less
View file

@ -21,7 +21,7 @@
@opacity-mid: 0.8;
@specialpage-separation-unit: 0.7em;
@specialpage-sidebar-width: 20em;
@specialpage-sidebar-width: 15em;
@specialpage-sidebar-max-width: 20em;
@specialpage-main-width: 20em;

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

@ -27,13 +27,8 @@
}
}
&-table {
display: table;
width: 100%;
}
&-row {
display: table-row;
display: flex;
}
&-cell {
@ -42,7 +37,7 @@
}
&.oo-ui-iconElement &-icon {
width: 1em;
min-width: 1em;
.oo-ui-iconElement-icon {
position: relative;
@ -50,21 +45,22 @@
}
&-title {
padding: 0;
width: 100%;
align-items: center;
display: flex;
flex: 1;
line-height: 1em;
min-width: 0;
padding: 0;
&-label {
display: inline-block;
// Sidebar width - icon width - twice padding - counter average width
max-width: calc( @specialpage-sidebar-width - 1.865em - 2 * @specialpage-separation-unit - 2em );
display: block;
// Truncate text with ellipsis.
.text-overflow( @visible: false );
}
}
&-count {
width: 1em;
min-width: 1em;
}
&-label-count {

6
modules/ui/mw.echo.ui.PageNotificationsOptionWidget.js
View file

@ -51,11 +51,7 @@
// Initialization
this.$element
.addClass( 'mw-echo-ui-pageNotificationsOptionWidget' )
.append(
$( '<div>' )
.addClass( 'mw-echo-ui-pageNotificationsOptionWidget-table' )
.append( $row )
);
.append( $row );
if ( this.getIcon() ) {
$row.prepend(