Change Details

We have a longstanding issue: the visual treatment of Wikidata links and the Prominence Buttons are not ideal due to technical issues discovered while implementing the original design. Original design: {F29456726, size=full} The visual polish present in the design spec above was difficult to implement because the “dot” dividers don’t line up in all circumstances, due to the width differences of the “Primary” button text (either “Prominent” or “Mark as Prominent”), and how that already variable width would change when localized. For more information, that declined ticket is here: T218707 One recommended solution has been to hide the Wikidata links and only show them on hover, leaving the Prominent buttons right aligned. However, that creates more problems than it solves, because it makes Wikidata link use cases more difficult to support. We have community members, eagerly anticipating qualifiers, asking that we display links for qualifier property numbers and values. These use cases are being documented here [Use cases for WD links in Commons Structured Data ](https://docs.google.com/spreadsheets/d/1vpTg9A5kTuJf1H_es_6DbrYocPHdBuEqZROfliL8qnE/edit?usp=sharing) We’d like to both refine the user interface and support Commoners who need control over when Wikidata links are shown or hidden. Here are a few UX improvements design is looking to make:

# Background We have a longstanding issue: the visual treatment of Wikidata links and the Prominence Buttons are not ideal due to technical issues discovered while implementing the original design. Original design: {F29456726, size=full} The visual polish present in the design spec above was difficult to implement because the “dot” dividers don’t line up in all circumstances, due to the width differences of the “Primary” button text (either “Prominent” or “Mark as Prominent”), and how that already variable width would change when localized. For more information, that declined ticket is here: T218707 One recommended solution has been to hide the Wikidata links and only show them on hover, leaving the Prominent buttons right aligned. However, that creates more problems than it solves, because it makes Wikidata link use cases more difficult to support. We have community members, eagerly anticipating qualifiers, asking that we display links for qualifier property numbers and values. These use cases are being documented here [Use cases for WD links in Commons Structured Data ](https://docs.google.com/spreadsheets/d/1vpTg9A5kTuJf1H_es_6DbrYocPHdBuEqZROfliL8qnE/edit?usp=sharing) We’d like to both refine the user interface and support Commoners who need control over when Wikidata links are shown or hidden. ## Proposed UX improvements

# Background We have a longstanding issue: the visual treatment of Wikidata links and the Prominence Buttons are not ideal due to technical issues discovered while implementing the original design. Original design: {F29456726, size=full} The visual polish present in the design spec above was difficult to implement because the “dot” dividers don’t line up in all circumstances, due to the width differences of the “Primary” button text (either “Prominent” or “Mark as Prominent”), and how that already variable width would change when localized. For more information, that declined ticket is here: T218707 One recommended solution has been to hide the Wikidata links and only show them on hover, leaving the Prominent buttons right aligned. However, that creates more problems than it solves, because it makes Wikidata link use cases more difficult to support. We have community members, eagerly anticipating qualifiers, asking that we display links for qualifier property numbers and values. These use cases are being documented here [Use cases for WD links in Commons Structured Data ](https://docs.google.com/spreadsheets/d/1vpTg9A5kTuJf1H_es_6DbrYocPHdBuEqZROfliL8qnE/edit?usp=sharing) We’d like to both refine the user interface and support Commoners who need control over when Wikidata links are shown or hidden. Here are a few ## Proposed UX improvements design is looking to make:s