Change Details

{F65929936}{F65929977} Figma Link: https://www.figma.com/design/RtMDwH7sMF5IPRJvyyZPv4/Mobile-editing-experience?node-id=1862-13775&t=C9HTDU2XkF8Mdz6A-1 - the reference blocks follow a 2 column design - each block is visually signified with a grey background - between each separate block there is a white space separation Note: a truncation option is not as trivial as it seemed when we discussed. Given that sometimes the references themselves are links, adding a "see more" link doesn't really work. I suggest this could be done in another new ticket, closer to the end of the M3, and be worked on after "first pass" is done. Currently, MEX / wbui2025 shows all the snaks in a statement’s references as a flat list, with no way to see which ones belong to separate references. We should make it possible to see where one reference ends and another begins. Desktop UI: {F65618707} https://www.wikidata.org/wiki/Q42 , languages spoken, written or signed : {F65688540} Legacy mobile UI: {F65618716} {F65688546} New mobile UI, currently: {F65618709} wikidata.beta.wmflabs.org/wiki/Q424242, under quantity {F65688551} Note: The figma file displays multiple references/snaks, but using only the URL as an example https://www.figma.com/design/RtMDwH7sMF5IPRJvyyZPv4/Mobile-editing-experience?node-id=1057-35479&t=6TWuJRMipLzKcDWP-0 {F65688554}

{F65930010} Figma Link: https://www.figma.com/design/RtMDwH7sMF5IPRJvyyZPv4/Mobile-editing-experience?node-id=1862-13775&t=C9HTDU2XkF8Mdz6A-1 - the reference blocks follow a 2 column design - each block is visually signified with a grey background - between each separate block there is a white space separation - the reference headline (in this case 2 references) has a white background - not entirely sure if this belongs in this ticket: qualifiers are indented under value they relate to, so that we can remove the label "qualifiers" that doesn't appear on desktop and remain consistent {F65930008} Note: a truncation option is not as trivial as it seemed when we discussed. Given that sometimes the references themselves are links, adding a "see more" link doesn't really work. I suggest this could be done in another new ticket, closer to the end of the M3, and be worked on after "first pass" is done. -------- Currently, MEX / wbui2025 shows all the snaks in a statement’s references as a flat list, with no way to see which ones belong to separate references. We should make it possible to see where one reference ends and another begins. Desktop UI: {F65618707} https://www.wikidata.org/wiki/Q42 , languages spoken, written or signed : {F65688540} Legacy mobile UI: {F65618716} {F65688546} New mobile UI, currently: {F65618709} wikidata.beta.wmflabs.org/wiki/Q424242, under quantity {F65688551} Note: The figma file displays multiple references/snaks, but using only the URL as an example https://www.figma.com/design/RtMDwH7sMF5IPRJvyyZPv4/Mobile-editing-experience?node-id=1057-35479&t=6TWuJRMipLzKcDWP-0 {F65688554}

{F65929936}{F65929977}930010} Figma Link: https://www.figma.com/design/RtMDwH7sMF5IPRJvyyZPv4/Mobile-editing-experience?node-id=1862-13775&t=C9HTDU2XkF8Mdz6A-1 - the reference blocks follow a 2 column design - each block is visually signified with a grey background - between each separate block there is a white space separation - the reference headline (in this case 2 references) has a white background - not entirely sure if this belongs in this ticket: qualifiers are indented under value they relate to, so that we can remove the label "qualifiers" that doesn't appear on desktop and remain consistent {F65930008} Note: a truncation option is not as trivial as it seemed when we discussed. Given that sometimes the references themselves are links, adding a "see more" link doesn't really work. I suggest this could be done in another new ticket, closer to the end of the M3, and be worked on after "first pass" is done. -------- Currently, MEX / wbui2025 shows all the snaks in a statement’s references as a flat list, with no way to see which ones belong to separate references. We should make it possible to see where one reference ends and another begins. Desktop UI: {F65618707} https://www.wikidata.org/wiki/Q42 , languages spoken, written or signed : {F65688540} Legacy mobile UI: {F65618716} {F65688546} New mobile UI, currently: {F65618709} wikidata.beta.wmflabs.org/wiki/Q424242, under quantity {F65688551} Note: The figma file displays multiple references/snaks, but using only the URL as an example https://www.figma.com/design/RtMDwH7sMF5IPRJvyyZPv4/Mobile-editing-experience?node-id=1057-35479&t=6TWuJRMipLzKcDWP-0 {F65688554}