mediawiki-extensions-Echo/modules/styles/mw.echo.ui.SubGroupListWidget.less
Bartosz Dziewoński 113da4ec5d Fix borders of bundled notifications inside a bundle
Follow-up to 00d6928144. I simplified
the styles too much :( They worked for cross-wiki notifications, but
not regular bundled notifications. I didn't realize they were styled
differently…

* Add the border to bundled non-cross-wiki notifs
  (this requires changes in SortedListWidget.js to add a wrapper)
* Hide the border until the list loads
* Remove unnecessary margin

Change-Id: I30c5bec11ddb49defa5957f0917f01057a3c21e7
2023-12-16 02:13:09 +00:00

45 lines
823 B
Plaintext

@import 'mediawiki.skin.variables.less';
@import '../echo.variables.less';
.mw-echo-ui-subGroupListWidget {
&:not( :first-child ) {
padding-top: @bundle-group-padding;
}
&-header {
display: table;
width: 100%;
&-row {
display: table-row;
&-cell {
display: table-cell;
}
&-title {
width: 100%;
vertical-align: bottom;
white-space: nowrap;
.oo-ui-labelElement-label {
white-space: normal;
}
}
&-markAllReadButton {
text-align: right;
}
}
}
}
/* stylelint-disable no-descending-specificity */
.mw-echo-ui-subGroupListWidget,
.mw-echo-ui-bundleNotificationItemWidget-group {
.mw-echo-ui-sortedListWidget-group:not( :empty ) {
border: @border-width-base @border-style-base @border-color-subtle;
}
}
/* stylelint-enable no-descending-specificity */