[go: nahoru, domu]

Page MenuHomePhabricator

Wikimedia Design Style GuideComponent
ArchivedPublic

Members (7)

Watchers (3)

Details

Description
IMPORTANT: Codex, design system for Wikimedia, is the enhanced successor of the Design Style Guide. Please browse its workboard and resources!

The Wikimedia Design Style Guide provides a general design direction on the visual appearance and behaviour of a site and its user interface components. It is available as GitHub repository to enable low-hurdle contributions. It coexists with our main user interface library OOUI – have a look at its demos with its WikimediaUI theme and the developer documentation.

Contribute

Create a new ticket to discuss any proposal about the style guide, or check the existing ones.

For reports on user-interface issues for Wikimedia Foundation product, please see OOUI or UI-Standardization.

Recent Activity

Jun 10 2024

Aklapper updated the task description for T360362: Archive Design Style Guide code bases / project / docs.
Jun 10 2024, 6:21 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup
Aklapper set the color for Wikimedia Design Style Guide to Red.
Jun 10 2024, 6:19 PM
Aklapper archived Wikimedia Design Style Guide.
Jun 10 2024, 6:19 PM

Jun 2 2024

Pppery moved T360362: Archive Design Style Guide code bases / project / docs from Backlog to delete on the Wikimedia-GitHub board.
Jun 2 2024, 9:18 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup
Pppery moved T360362: Archive Design Style Guide code bases / project / docs from Backlog to Cleanup / Archival on the Diffusion-Repository-Administrators board.
Jun 2 2024, 4:06 AM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup

May 16 2024

PatchDemoBot added a comment to T329963: Provide guidelines on when to choose which basic interaction element in Codex.

Test wiki on Patch demo by ATomasevich (WMF) using patch(es) linked to this task was deleted:

May 16 2024, 8:39 PM · Design-System-Team (DST-Sprint-15 (2024-01-22 to 2024-02-02)), Documentation, Design, Wikimedia-Design, Wikimedia Design Style Guide, Codex

May 15 2024

Aklapper updated the task description for T360362: Archive Design Style Guide code bases / project / docs.
May 15 2024, 4:45 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup

May 10 2024

Osps7 added a member for Wikimedia Design Style Guide: Osps7.
May 10 2024, 8:20 PM

May 8 2024

Pppery moved T360362: Archive Design Style Guide code bases / project / docs from Untriaged to Archive tools & others on the Projects-Cleanup board.
May 8 2024, 2:17 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup

Apr 23 2024

PatchDemoBot added a comment to T311671: Add “UX Copywriting Guidelines” to the Codex Design System's resources.

Test wiki on Patch demo by ATomasevich (WMF) using patch(es) linked to this task was deleted:

Apr 23 2024, 4:33 PM · Design-System-Team (DST-Sprint-11 (2023-10-30 to 2023-11-22)), Documentation, Codex, Wikimedia Design Style Guide, Design

Apr 4 2024

hashar added a project to T235013: Use `git lfs` for large binary files of Design Style Guide: git-lfs.
Apr 4 2024, 8:26 AM · git-lfs, Release-Engineering-Team (Seen), User-Ladsgroup, Wikimedia Design Style Guide

Apr 2 2024

Volker_E added a comment to T360362: Archive Design Style Guide code bases / project / docs.

Thanks @DDeSouza for this list!
Note that VueTest is decommissioned, see T357475: Decommission the VueTest Extension

Apr 2 2024, 4:31 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup

Apr 1 2024

DDeSouza added a comment to T360362: Archive Design Style Guide code bases / project / docs.

I did a shallow clone of mediawiki/extensions and mediawiki/skins to look for references to Design Style Guide. I could recursively init submodules of the latter but not of the former due to bad refs.

Apr 1 2024, 12:44 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup

Mar 22 2024

Dzahn added a comment to T360362: Archive Design Style Guide code bases / project / docs.

I think so, yes, but no strong opinion.

Mar 22 2024, 6:33 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup
DDeSouza added a comment to T360362: Archive Design Style Guide code bases / project / docs.

Does it make sense to keep other meta files besides README? e.g: AUTHORS and LICENSE.

Mar 22 2024, 1:34 AM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup
CodeReviewBot added a project to T360362: Archive Design Style Guide code bases / project / docs: Patch-For-Review.

dani opened https://gitlab.wikimedia.org/repos/sre/miscweb/design-style-guide/-/merge_requests/4

Mar 22 2024, 1:31 AM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup

Mar 18 2024

Dzahn added a comment to T360362: Archive Design Style Guide code bases / project / docs.

diffusion repo: already inactive and publishing disabled (https://phabricator.wikimedia.org/diffusion/2668/)

Mar 18 2024, 7:37 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup
Dzahn updated the task description for T360362: Archive Design Style Guide code bases / project / docs.
Mar 18 2024, 7:36 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup
Dzahn updated the task description for T360362: Archive Design Style Guide code bases / project / docs.
Mar 18 2024, 7:33 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup
Aklapper added a comment to T360362: Archive Design Style Guide code bases / project / docs.

@Volker_E, @DDeSouza: Please confirm - thanks!

Mar 18 2024, 7:24 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup
Aklapper created T360362: Archive Design Style Guide code bases / project / docs.
Mar 18 2024, 7:23 PM · Patch-For-Review, GitLab, Wikimedia Design Style Guide, Wikimedia-GitHub, Diffusion-Repository-Administrators, Projects-Cleanup

Feb 16 2024

gerritbot added a comment to T352202: Final deploy of DSG.

Change 1003802 merged by jenkins-bot:

[operations/deployment-charts@master] design/style-guide: bump version

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

Feb 16 2024, 8:22 AM · Patch-For-Review, Design-System-Team, collaboration-services, Wikimedia Design Style Guide

Feb 15 2024

gerritbot added a project to T352202: Final deploy of DSG: Patch-For-Review.
Feb 15 2024, 4:58 PM · Patch-For-Review, Design-System-Team, collaboration-services, Wikimedia Design Style Guide
gerritbot added a comment to T352202: Final deploy of DSG.

Change 1003802 had a related patch set uploaded (by DDesouza; author: DDesouza):

[operations/deployment-charts@master] design/style-guide: bump version

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

Feb 15 2024, 4:58 PM · Patch-For-Review, Design-System-Team, collaboration-services, Wikimedia Design Style Guide
DDeSouza added a comment to T352202: Final deploy of DSG.

As the Gerrit repo was out of sync with the GitHub repo the Gitlab repo was missing a dozen commits. So I rebased gitlab/master on top of github/master.

Feb 15 2024, 4:52 PM · Patch-For-Review, Design-System-Team, collaboration-services, Wikimedia Design Style Guide

Feb 14 2024

Volker_E removed a watcher for Wikimedia Design Style Guide: JGirault.
Feb 14 2024, 4:52 PM
Volker_E removed a member for Wikimedia Design Style Guide: JGirault.
Feb 14 2024, 4:52 PM
Volker_E removed a hashtag from Wikimedia Design Style Guide: #wikimediaui-style-guide.
Feb 14 2024, 4:16 PM
Volker_E closed T156664: Find a low-level, contributor friendly and performant translation/internationalization solution for the style guide as Declined.

With DSG deprecated and on its way out, declining this. T357544: Establish a low-level, contributor friendly and performant translation/internationalization solution for the Codex docs site is equivalent successor.

Feb 14 2024, 4:15 PM · I18n, Wikimedia-Design, Wikimedia Design Style Guide, Design
Volker_E closed T162329: Audiences well addressed? as Invalid.

Codex is the improved successor of DSG.

Feb 14 2024, 3:50 PM · Wikimedia-Design, Wikimedia Design Style Guide, Design
Volker_E closed T267807: Document components' validation states as Resolved.

With Codex in place and its demos, this is successfully resolved.

Feb 14 2024, 3:43 PM · Wikimedia Design Style Guide
Volker_E closed T276729: Components – Dialogs: “Alerts” not yet represented as Invalid.
Feb 14 2024, 3:43 PM · Wikimedia Design Style Guide
Volker_E merged task T272625: Add “Typeahead” search component to DSG into T300081: TypeaheadSearch in Codex (WVUI version).
Feb 14 2024, 3:39 PM · Wikimedia Design Style Guide
Volker_E closed T280494: Document link component styles as Resolved.

Putting this on resolved and will add more tasks to refine the Link guidelines if gaps are identified.

Feb 14 2024, 3:32 PM · Design-System-Team, UI-Standardization, Wikimedia Design Style Guide
Volker_E merged task T280701: Define and add filtering component & filter chips to the DSG into T324223: FilterChip: Add FilterChip component to Codex.
Feb 14 2024, 3:29 PM · Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board), Wikimedia Design Style Guide, Design
Volker_E closed T238039: Evaluate use of `font-display` as Declined.

With DSG on the way out, putting this task on declined.
In case we're using custom font loading this idea might surface again.

Feb 14 2024, 3:16 PM · Wikimedia Design Style Guide
Volker_E closed T249581: WikimediaUI theme: Evaluate additional hover (/active/focus) visual feedback for checkboxes/radios/toggle switches as Declined.

Revisting myself: The additional box-shadow might feel like elevating the component, which is unfitting the rest of the hover/active interactions.

Feb 14 2024, 3:15 PM · Wikimedia Design Style Guide, OOUI
Volker_E closed T280508: Consolidate styles of disabled dropdown as Invalid.

With Codex in place and DSG set for removal, putting this as 'invalid'

Feb 14 2024, 3:08 PM · UI-Standardization, Wikimedia Design Style Guide
Volker_E closed T291661: Consider adding case studies to Design Style Guide as Declined.
Feb 14 2024, 3:03 PM · Wikimedia Design Style Guide
Volker_E closed T87472: Forms/Popups specification page layout for Wikimedia Design Style Guide as Invalid.

This task has never seen a clear scope. We tackle different needs in different components/patterns in Codex.

Feb 14 2024, 2:39 PM · Wikimedia Design Style Guide
Volker_E merged task T237144: Define and add “Patterns” section to Design Style Guide into T349044: Evaluate how we want to represent "Patterns" in Codex.
Feb 14 2024, 2:32 PM · Wikimedia Design Style Guide
Volker_E closed T165530: Style Guide: Answers to your user interface question as Resolved.

Codex and Design-System-Team resources at https://doc.wikimedia.org/codex/latest/ and https://www.mediawiki.org/wiki/Design_System_Team are available for the questions posed in the task description.

Feb 14 2024, 2:30 PM · Wikimedia-Hackathon-2017, Wikimedia Design Style Guide
Volker_E closed T178631: Process of transforming an interface to the Style Guide conventions as Resolved.

With DSG's successor Codex in place and its much wider-reaching guidelines, documentation and assets like annotated Codex Figma templates in place this can be set to resolved.

Feb 14 2024, 2:23 PM · Wikimedia Design Style Guide
Volker_E placed T178631: Process of transforming an interface to the Style Guide conventions up for grabs.
Feb 14 2024, 2:23 PM · Wikimedia Design Style Guide
Volker_E closed T192137: Resemble font stack in images/components as Declined.

With DSG deprecated in favor of Codex, declining this task.

Feb 14 2024, 2:17 PM · Wikimedia Design Style Guide
Volker_E closed T276728: Components – Dialogs: Button misaligments in dialog images as Declined.

With DSG's successor Codex and its assets in place, declining this.

Feb 14 2024, 1:50 PM · Wikimedia Design Style Guide
Volker_E closed T280658: Revise and extend the "Messages" DSG component for WVUI implementation as Declined.

Declined with Codex and its fully-fledged Messages documentation in place.

Feb 14 2024, 1:48 PM · Design, Wikimedia Design Style Guide
Volker_E closed T280866: Make SVG rectangles expand/contract on platform-specific fonts label length as Declined.

Declined as Codex and its documentation assets are the successors of DSG.

Feb 14 2024, 1:46 PM · Wikimedia Design Style Guide
Volker_E closed T299212: Define a new overlay opacity color as Resolved.

These have been successfully implemented as

--background-color-backdrop-light: rgba( 255, 255, 255, 0.65 ); /* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */
--background-color-backdrop-dark: rgba( 0, 0, 0, 0.65 );
Feb 14 2024, 1:45 PM · Design-System-Team, Wikimedia Design Style Guide, Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board), Codex
Volker_E closed T260239: Finalize Design Style Guide's “Components” section as Declined.

With DSG deprecated in favor of its more powerful successor Codex, please see “Proposed New Components” column on the Codex workboard https://phabricator.wikimedia.org/tag/codex/

Feb 14 2024, 1:41 PM · Wikimedia Design Style Guide