Indent subrefs in the reuse search item list

TODO: This can be merged as-is, since it only affects pages with
subrefs, but it behaves surprisingly when the ref body is long.  In
this case, the text wraps around and flows onto the next lines
unindented.

A full implementation would require deeper changes to the item pane
layout, which is happening in a separate patch.  Recommend merging
this as a quick visual fix and then we come back to the subref+long
content edge case once the pane is easier to adjust layout in.

Bug: T375841
Change-Id: I65510f1550e033e57a3493676d8fc24f628c0600
This commit is contained in:
Adam Wight 2024-09-27 12:33:28 +02:00
parent 1fea584fc2
commit 324e34fb12
2 changed files with 8 additions and 0 deletions

View file

@ -198,6 +198,9 @@ ve.ui.MWReferenceSearchWidget.prototype.buildSearchResults = function ( query )
const $footnoteLabel = $( '<div>' )
.addClass( 've-ui-mwReferenceSearchWidget-footnote' )
.text( '[' + item.footnoteLabel + ']' );
if ( item.reference.extendsRef !== undefined ) {
$footnoteLabel.addClass( 've-ui-mwReferenceSearchWidget-footnote-sub' );
}
const $name = $( '<div>' )
.addClass( 've-ui-mwReferenceSearchWidget-name' )
.toggleClass( 've-ui-mwReferenceSearchWidget-name-autogenerated', /^:\d+$/.test( item.name ) )

View file

@ -12,6 +12,11 @@
&-footnote {
float: left;
margin-right: 0.75em;
// Class applied only to subrefs
&-sub {
margin-left: 2em;
}
}
// A reference's unique identifier as provided via the name="…" attribute