Page MenuHomePhabricator
Create Task
Maniphest T437700

[MEX] M5 - Chevron for opening references - change size
Closed, ResolvedPublic
Actions

Assigned To
Alice.moutinho
Authored By
Alice.moutinho
Sep 11 2026, 11:20 AM
Project Tags
Referenced Files
F105261718: Arian's Beta test - Beta Wikidata 7.jpeg
Mon, Sep 28, 9:13 AM
F103020059: Screenshot 2026-09-15 at 11.37.29.png
Tue, Sep 15, 9:42 AM
F103015187: Screenshot 2026-09-15 at 10.34.51.png
Tue, Sep 15, 8:35 AM
F102545435: Screenshot 2026-09-11 at 13.25.02.png
Sep 11 2026, 11:27 AM
F102545172: Screenshot 2026-09-11 at 13.16.37.png
Sep 11 2026, 11:20 AM
Subscribers
Aklapper
Alice.moutinho
Arian_Bozorg
ArthurTaylor
AudreyPenven_WMDE
karapayneWMDE
mahmoud
Sadiya.Mohammed_WMDE

Description

The chevron for opening the references is currently tiny, which raises some accessibility/visibility concerns, and is not using codex.

Screenshot 2026-09-11 at 13.16.37.png (828×656 px, 50 KB)

We should use the accordion component and it should look like this in the end (i used the component here):

Screenshot 2026-09-15 at 11.37.29.png (850×338 px, 25 KB)

AC

  • use the accordion component from codex, set to mobile (changes the icon size and thickness, at last on figma), icon "Expand"
  • Font specifications (3 variants - pick what is most useful for implementation):
    • in tokens: font-family-system-sans / font-size-medium / font-weight-normal (font-weight.100)
    • in typography style: Body M/regular
    • fallback /in pixel language if tokens don't work): Sans serif, 16px, regular
  • because the component has it's own specific size, make sure there are no padding/margins messing up the spacing
  • chevron should not be bold, so it matches the "regular" font - so if the specification "mobile" doesn't exist or didn't change it, make it happen :D

Screenshot 2026-09-15 at 11.37.29.png (850×338 px, 25 KB)

Figma design from Larissa

Parameters for icons in codex

Details

Related Changes in Gerrit:
SubjectAuthorRepoBranchLines +/-
Remove focus highlight on CdxAccordion summary for referencesArthur taylormediawiki/extensions/Wikibasemaster+14 -0
Use CdxAccordion component to render referencesArthur taylormediawiki/extensions/Wikibasemaster+422 -154
Customize query in gerrit

Related Objects
Search...

Event Timeline

Alice.moutinho created this task.Sep 11 2026, 11:20 AM
Alice.moutinho updated the task description. (Show Details)Sep 11 2026, 11:27 AM
Alice.moutinho updated the task description. (Show Details)
Alice.moutinho updated the task description. (Show Details)
Arian_Bozorg moved this task from Incoming to Ready for Task Time (Story Writing) on the Wikidata-Omega board.Mon, Sep 14, 2:26 PM
Alice.moutinho updated the task description. (Show Details)Tue, Sep 15, 8:35 AM
Alice.moutinho updated the task description. (Show Details)Tue, Sep 15, 8:37 AM
Arian_Bozorg added a comment.Tue, Sep 15, 8:40 AM

Notes from story writing:
We should be using the component from codex:
https://doc.wikimedia.org/codex/latest/components/demos/accordion.html

If we are, why is it appearing this way?

If not, why are we not using codex? Can we replace it with codex?

Arian_Bozorg moved this task from Ready for Task Time (Story Writing) to The Backlog on the Wikidata-Omega board.Tue, Sep 15, 8:40 AM
Alice.moutinho updated the task description. (Show Details)Tue, Sep 15, 9:42 AM
Alice.moutinho moved this task from The Backlog to Ready for Task Time (Story Writing) on the Wikidata-Omega board.Thu, Sep 17, 9:13 AM
mahmoud.abdelsattar.wmde moved this task from Ready for Task Time (Story Writing) to The Backlog on the Wikidata-Omega board.Thu, Sep 17, 9:21 AM
ArthurTaylor claimed this task.Thu, Sep 17, 10:21 AM
ArthurTaylor moved this task from The Backlog to The Board on the Wikidata-Omega board.
ArthurTaylor edited projects, added: Wikidata-Omega (The Board); removed: Wikidata-Omega.
ArthurTaylor moved this task from new to the board to In Development on the Wikidata-Omega (The Board) board.
gerritbot added a comment.Fri, Sep 18, 10:54 AM

Change #1343030 had a related patch set uploaded (by Arthur taylor; author: Arthur taylor):

[mediawiki/extensions/Wikibase@master] Use CdxAccordion component to render references

https://gerrit.wikimedia.org/r/1343030

gerritbot added a project: Patch-For-Review.Fri, Sep 18, 10:54 AM
ArthurTaylor removed ArthurTaylor as the assignee of this task.Fri, Sep 18, 11:20 AM
ArthurTaylor moved this task from In Development to Ready for Peer Review on the Wikidata-Omega (The Board) board.
ArthurTaylor subscribed.
ArthurTaylor assigned this task to AudreyPenven_WMDE.Mon, Sep 21, 11:51 AM
ArthurTaylor moved this task from Ready for Peer Review to In Peer Review on the Wikidata-Omega (The Board) board.
AudreyPenven_WMDE removed AudreyPenven_WMDE as the assignee of this task.Tue, Sep 22, 1:52 PM
AudreyPenven_WMDE moved this task from In Peer Review to Ready for Tech Verification on the Wikidata-Omega (The Board) board.
AudreyPenven_WMDE subscribed.
gerritbot added a comment.Tue, Sep 22, 1:52 PM

Change #1343030 merged by jenkins-bot:

[mediawiki/extensions/Wikibase@master] Use CdxAccordion component to render references

https://gerrit.wikimedia.org/r/1343030

Maintenance_bot removed a project: Patch-For-Review.Tue, Sep 22, 2:33 PM
ReleaseTaggerBot added a project: MW-1.47-notes (1.47.0-wmf.22; 2026-09-29).Tue, Sep 22, 3:01 PM
mahmoud.abdelsattar.wmde moved this task from Ready for Tech Verification to Product Verification on the Wikidata-Omega (The Board) board.Wed, Sep 23, 7:19 AM
Alice.moutinho added a subscriber: mahmoud.Mon, Sep 28, 9:13 AM

Hello, the chevron looks great, but there is an unexpected side effect of the component: The clickable area gets a grey background, even after closed - and makes the references look like the instance name:

Arian's Beta test - Beta Wikidata 7.jpeg (1,125×2,436 px, 526 KB)
Can we remove this behaviour? @mahmoud, @ArthurTaylor

ArthurTaylor moved this task from Product Verification to Ready for Development on the Wikidata-Omega (The Board) board.Mon, Sep 28, 9:20 AM

@Alice.moutinho yeah, we can probably override that style. Let's stick it in ready-for-dev again.

ArthurTaylor claimed this task.Tue, Sep 29, 6:51 AM
ArthurTaylor moved this task from Ready for Development to In Development on the Wikidata-Omega (The Board) board.
gerritbot added a comment.Tue, Sep 29, 7:55 AM

Change #1345914 had a related patch set uploaded (by Arthur taylor; author: Arthur taylor):

[mediawiki/extensions/Wikibase@master] Remove focus highlight on CdxAccordion summary for references

https://gerrit.wikimedia.org/r/1345914

gerritbot added a project: Patch-For-Review.Tue, Sep 29, 7:55 AM
ArthurTaylor removed ArthurTaylor as the assignee of this task.Tue, Sep 29, 7:55 AM
ArthurTaylor moved this task from In Development to Ready for Peer Review on the Wikidata-Omega (The Board) board.
Sadiya.Mohammed_WMDE claimed this task.Wed, Sep 30, 7:35 AM
Sadiya.Mohammed_WMDE moved this task from Ready for Peer Review to In Peer Review on the Wikidata-Omega (The Board) board.
gerritbot added a comment.Wed, Sep 30, 11:32 AM

Change #1345914 merged by jenkins-bot:

[mediawiki/extensions/Wikibase@master] Remove focus highlight on CdxAccordion summary for references

https://gerrit.wikimedia.org/r/1345914

ReleaseTaggerBot edited projects, added: MW-1.47-notes (1.47.0-wmf.23; 2026-10-06); removed: MW-1.47-notes (1.47.0-wmf.22; 2026-09-29).Wed, Sep 30, 12:00 PM
Maintenance_bot removed a project: Patch-For-Review.Wed, Sep 30, 12:31 PM
Sadiya.Mohammed_WMDE moved this task from In Peer Review to Waiting for Deployment Window on the Wikidata-Omega (The Board) board.Thu, Oct 1, 9:51 AM
Sadiya.Mohammed_WMDE removed Sadiya.Mohammed_WMDE as the assignee of this task.Thu, Oct 1, 10:22 AM
Sadiya.Mohammed_WMDE subscribed.
mahmoud.abdelsattar.wmde moved this task from Waiting for Deployment Window to Product Verification on the Wikidata-Omega (The Board) board.Mon, Oct 5, 10:26 AM
Alice.moutinho closed this task as Resolved.Wed, Oct 7, 9:01 AM
Alice.moutinho claimed this task.
Alice.moutinho moved this task from Product Verification to Done - Moving a task here will move it to the completed tasks workboard, resolve the ticket, and assign it to whomever made the move on the Wikidata-Omega (The Board) board.
Alice.moutinho edited projects, added: Wikidata-Omega (Completed Tasks); removed: Wikidata-Omega (The Board).
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits