Pajamas Design System issueshttps://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/issues2022-04-19T00:51:53Zhttps://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/issues/1312Discussion: cleanup icon2022-04-19T00:51:53ZKatie MacoyDiscussion: cleanup icon## Context
We have package feature called cleanup policies. This feature automatically deletes packages or container images based off of criteria the user sets. The user benefit is saving storage space and keeping registries uncluttered ...## Context
We have package feature called cleanup policies. This feature automatically deletes packages or container images based off of criteria the user sets. The user benefit is saving storage space and keeping registries uncluttered by automatically removing stale items.
We signal the state of the cleanup policies in a few places in the UI.
## Problem
The icon used is the expire icon, which makes it appear that there's an error as there is an exclamation mark. I also wonder if the clock is the best icon to communicate what this feature does. The expire icon could be used because this feature used to be called "Expiration policies".
![Screen_Shot_2022-04-13_at_15.45.04](/uploads/23d782a0210ee37c8489d8a20707ef52/Screen_Shot_2022-04-13_at_15.45.04.png)
| Image | Note |
| ------ | ------ |
| ![Screen_Shot_2022-04-13_at_15.57.27](/uploads/4302e3b3c6b2c74cf3058ea65b7b5f81/Screen_Shot_2022-04-13_at_15.57.27.png) | This is a screenshot of an old design, ignore that it doesn't completely match our current design standards |
## Proposal / discussion
Is there a more appropriate icon to use here?
| Icon | Note |
| ------ | ------ |
| ![Screen_Shot_2022-04-13_at_15.49.41](/uploads/d7b9734d729e61e7a3b55bd9a1abb62c/Screen_Shot_2022-04-13_at_15.49.41.png) | Would the clock be a better fit as the deletion is scheduled? |
| ![Screen_Shot_2022-04-13_at_15.48.15](/uploads/b4e16ce90268e95e86bdc8d71d77a18f/Screen_Shot_2022-04-13_at_15.48.15.png) | Would a broom icon be a better fit as it references cleaning up? |
| ![Screen_Shot_2022-04-13_at_15.51.55](/uploads/a24dbd687259e7c759474444ff847587/Screen_Shot_2022-04-13_at_15.51.55.png) | Would a trash icon be a better fit as the feature deletes things? (I feel that could be confused for an action) |https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/issues/411Sorting > Add component to design.gitlab.com2019-11-19T15:34:02ZAmelia BauerlySorting > Add component to design.gitlab.comAs part of https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/issues/301, we added a sorting component into GitLab UI. This component needs to now be added to https://design.gitlab.com/components/sorting.
Note: since this ...As part of https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/issues/301, we added a sorting component into GitLab UI. This component needs to now be added to https://design.gitlab.com/components/sorting.
Note: since this component isn't completely styled yet (we are waiting on dependent components to be completed), we'll need to add in the "this component does not yet conform to the correct styling defined..." message above the component:
![Screen_Shot_2019-08-19_at_4.39.31_PM](/uploads/32050f2bb172922ed6a73a37dba286df/Screen_Shot_2019-08-19_at_4.39.31_PM.png)
There is a separate issue to remove the banner when the component is complete.Iain Camachoicamacho@gitlab.comIain Camachoicamacho@gitlab.comhttps://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/issues/384Remove banner from sorting component2021-08-02T15:31:13ZAmelia BauerlyRemove banner from sorting componentWe've implemented a first-pass of the sorting component. We weren't able to finish styling the component because we are waiting on other components to be completed (https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/issues/2...We've implemented a first-pass of the sorting component. We weren't able to finish styling the component because we are waiting on other components to be completed (https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/issues/274, https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/issues/281).
Our plan is to add a "this component does not yet conform to the correct styling" banner to the vue component on design.gitlab.com. This issue is to remove that banner, when all of the resulting style issues have been resolved.
![Screen_Shot_2019-08-22_at_10.29.48_AM](/uploads/16f28c6207fe71654011760012a7d45d/Screen_Shot_2019-08-22_at_10.29.48_AM.png)https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/issues/301Create, Build, and Style > Sorting2020-05-05T14:48:29ZTaurie DavisCreate, Build, and Style > SortingThis issue is to complete the ~"pajamas::create", ~"pajamas::build", ~"pajamas::style" portion of ~"component::sorting" as part of FY20-Q2 OKR to Improve the quality and consistency of our UI.
This includes a single-source-of-truth com...This issue is to complete the ~"pajamas::create", ~"pajamas::build", ~"pajamas::style" portion of ~"component::sorting" as part of FY20-Q2 OKR to Improve the quality and consistency of our UI.
This includes a single-source-of-truth component that is implemented in Vue and thoroughly documented on design.gitlab.com. This does not include implementing the component throughout the product.
Related epics:
* [Components of Pajamas Design System](https://gitlab.com/groups/gitlab-org/-/epics/973)
* [Pajamas component: Pagination](https://gitlab.com/groups/gitlab-org/-/epics/997)
Related issues:
* [FY20-Q2 UX OKR: Improve the quality and consistency of our UI](https://gitlab.com/gitlab-com/www-gitlab-com/issues/4355)12.3Amelia BauerlyNick KiplingAmelia Bauerly