Change Details

===Why are we doing this? With the updates from Mobile HTML we have the opportunity to redesign reference styling at the bottom of the article. ===Proposed designs ====References section at the bottom of the article |References only | References and other lists | Collapsed |--- |--- |--- | {F31630738 width=220} | {F31630740 width=220} | {F31630742 width=220} | https://zpl.io/VQ8WYzP | https://zpl.io/aBD5p5m | https://zpl.io/V0Dj5Yo ====Viewing instances of a reference | Multiple instances | Single instance |--- |--- |{F31630744 width=220} | {F31630746 width=220} | https://zpl.io/aX81moX | https://zpl.io/V1d5pvX ====Updated reference previews | Grouped reference |--- |{F31630748 width=220} | https://zpl.io/29REz8A

===Why are we doing this? With the updates from Mobile HTML we have the opportunity to redesign reference styling at the bottom of the article. ===Proposed designs ====References section at the bottom of the article |References only | References and other lists | Collapsed |Highlight of reference on return to ref list |--- |--- |--- |--- | {F31630738 width=220} | {F31630740 width=220} | {F31630742 width=220} | {F31630850 width=220} | https://zpl.io/VQ8WYzP | https://zpl.io/aBD5p5m | https://zpl.io/V0Dj5Yo | https://zpl.io/2veoZXP ====Viewing instances of a reference | Multiple instances | Single instance |--- |--- |{F31630744 width=220} | {F31630746 width=220} | https://zpl.io/aX81moX | https://zpl.io/V1d5pvX ====Updated reference previews | Grouped reference |--- |{F31630748 width=220} | https://zpl.io/29REz8A ==== Design details ====References section at the bottom of the article - Link age (year) is shown in a grey box with a clock arrow when available - Type of reference is shown above the reference (if no reference type is available via template simply use 'Reference' - Reference numbers over 999 are truncated `[...1]` - When returning to the reference list from either a reference preview (clicking on a reference in the article view) or the instance view (clicking on the reference number from the reference list) the associated reference number is highlighted and then fades out after 2 seconds. ====Viewing instances of a reference - Associated reference number appears in the header - Tapping the icon with the blue books returns the user to the reference list scrolled to the associated reference which is briefly highlighted - When there is only one instance of the reference the up and down arrows are greyed out - Up and down arrows allow the user to cycle through all instances of the reference - Tapping anywhere in the article text area or on the close button exits the view ====Updated reference previews - Card style is updated to reflect the new reference styles - Reference number is shown in header

===Why are we doing this? With the updates from Mobile HTML we have the opportunity to redesign reference styling at the bottom of the article. ===Proposed designs ====References section at the bottom of the article |References only | References and other lists | Collapsed |Highlight of reference on return to ref list |--- |--- |--- |--- | {F31630738 width=220} | {F31630740 width=220} | {F31630742 width=220} | {F31630850 width=220} | https://zpl.io/VQ8WYzP | https://zpl.io/aBD5p5m | https://zpl.io/V0Dj5Yo | https://zpl.io/2veoZXP ====Viewing instances of a reference | Multiple instances | Single instance |--- |--- |{F31630744 width=220} | {F31630746 width=220} | https://zpl.io/aX81moX | https://zpl.io/V1d5pvX ====Updated reference previews | Grouped reference |--- |{F31630748 width=220} | https://zpl.io/29REz8A ==== Design details ====References section at the bottom of the article - Link age (year) is shown in a grey box with a clock arrow when available - Type of reference is shown above the reference (if no reference type is available via template simply use 'Reference' - Reference numbers over 999 are truncated `[...1]` - When returning to the reference list from either a reference preview (clicking on a reference in the article view) or the instance view (clicking on the reference number from the reference list) the associated reference number is highlighted and then fades out after 2 seconds. ====Viewing instances of a reference - Associated reference number appears in the header - Tapping the icon with the blue books returns the user to the reference list scrolled to the associated reference which is briefly highlighted - When there is only one instance of the reference the up and down arrows are greyed out - Up and down arrows allow the user to cycle through all instances of the reference - Tapping anywhere in the article text area or on the close button exits the view ====Updated reference previews - Card style is updated to reflect the new reference styles - Reference number is shown in header