GitLab issueshttps://gitlab.com/gitlab-org/gitlab/-/issues2024-03-18T14:33:47Zhttps://gitlab.com/gitlab-org/gitlab/-/issues/435225Replace success alerts with Toasts in user preferences2024-03-18T14:33:47ZChad LavimoniereReplace success alerts with Toasts in user preferencesThe following discussion from !139587 should be addressed:
- [ ] @clavimoniere started a [discussion](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/139587#note_1691461940): (+2 comments)
> @seggenberger can you do a ~"grou...The following discussion from !139587 should be addressed:
- [ ] @clavimoniere started a [discussion](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/139587#note_1691461940): (+2 comments)
> @seggenberger can you do a ~"group::ux paper cuts" review on this? This is my first time doing anything with toasts.https://gitlab.com/gitlab-org/gitlab/-/issues/434874Migrate "app/assets/javascripts/pages/projects/shared/permissions/components/...2023-12-11T21:01:52ZChad LavimoniereMigrate "app/assets/javascripts/pages/projects/shared/permissions/components/settings_panel.vue" to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in [`app/assets/javascripts/pages/projects/shared/permissions/components/settings_panel.vue`](https://gitlab.com/gitlab-org/gitlab/blob/master/app/assets/javascripts/pages/projects/shared/permissions/components/sett...One or more dropdowns in [`app/assets/javascripts/pages/projects/shared/permissions/components/settings_panel.vue`](https://gitlab.com/gitlab-org/gitlab/blob/master/app/assets/javascripts/pages/projects/shared/permissions/components/settings_panel.vue) should be migrated to one of the new dropdown components. See the [parent epic](https://gitlab.com/groups/gitlab-org/-/epics/10695) for guidance on migration strategies.https://gitlab.com/gitlab-org/gitlab/-/issues/429593Support links in Combobox Pajamas component2024-01-22T02:02:59ZStanislav LashmanovSupport links in Combobox Pajamas componentThere's [an ambiguous dropdown control](https://gitlab.com/gitlab-org/gitlab/-/issues/346804#note_749546915) which has these properties:
1. Consists of a list of links
2. One of these links could have a selected state
The problem with ...There's [an ambiguous dropdown control](https://gitlab.com/gitlab-org/gitlab/-/issues/346804#note_749546915) which has these properties:
1. Consists of a list of links
2. One of these links could have a selected state
The problem with this control is that it doesn't fall strictly into a Disclosure dropdown or a Combobox category.
Disclosure dropdown doesn't have a selected state at all and Combobox doesn't support links. When migrating from the legacy dropdowns this causes a problem: it's hard to choose which component to use for migration. You will have to implement either of the missing functionality by yourself, which complicates things. [An example migration with this issue](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/135277).
In order to fix that we should add a support for links in [the Combobox pajamas component](https://design.gitlab.com/components/dropdown-combobox/) because it looks like a better fit for this scenario. Without this you'll have to implement the logic for handling links yourself. The links will also no longer be accessible by the user – they will only see buttons with text instead of proper `<a>` elements.https://gitlab.com/gitlab-org/gitlab/-/issues/426566Address Visual follow-ups in boards_selector2023-10-18T12:28:36ZArtur FedorovAddress Visual follow-ups in boards_selectorAddress Visual follow-ups in `app/assets/javascripts/boards/components/boards_selector.vue`
Based on [discussion](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/129722#note_1521183770), some migration follow-ups needs to be addre...Address Visual follow-ups in `app/assets/javascripts/boards/components/boards_selector.vue`
Based on [discussion](https://gitlab.com/gitlab-org/gitlab/-/merge_requests/129722#note_1521183770), some migration follow-ups needs to be addressed in this issuehttps://gitlab.com/gitlab-org/gitlab/-/issues/426228Migrate `table-class-haml` in `app/views/profiles/chat_names/index.html.haml`2023-10-18T15:53:24ZMartin Wortschackmwortschack@gitlab.comMigrate `table-class-haml` in `app/views/profiles/chat_names/index.html.haml`Detected usage of deprecated table class inside HAML file.
Use the `gl-table` class instead.Detected usage of deprecated table class inside HAML file.
Use the `gl-table` class instead.BacklogMartin Wortschackmwortschack@gitlab.comMartin Wortschackmwortschack@gitlab.comhttps://gitlab.com/gitlab-org/gitlab/-/issues/426153Follow-up clean up of dropdown migration2023-10-18T12:28:33ZArtur FedorovFollow-up clean up of dropdown migrationAs a result of dropdown [migration](https://gitlab.com/gitlab-org/gitlab/-/issues/418056), there are still minor details that needs to be fixed
Details are in this discussion https://gitlab.com/gitlab-org/gitlab/-/merge_requests/131885#...As a result of dropdown [migration](https://gitlab.com/gitlab-org/gitlab/-/issues/418056), there are still minor details that needs to be fixed
Details are in this discussion https://gitlab.com/gitlab-org/gitlab/-/merge_requests/131885#note_1577655947https://gitlab.com/gitlab-org/gitlab/-/issues/421990Add standardized feedback mechanism for AI into Pajamas2023-08-15T08:01:55ZKatie MacoyAdd standardized feedback mechanism for AI into Pajamas## Status 2023-08-15
I would recommend we do not implement this documentation until it's built and we have some metrics on it. We may want to tweak the designs a bit. It is currently being implemented with analytics for chat here: https...## Status 2023-08-15
I would recommend we do not implement this documentation until it's built and we have some metrics on it. We may want to tweak the designs a bit. It is currently being implemented with analytics for chat here: https://gitlab.com/gitlab-org/gitlab/-/issues/418794/
## Context
In https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/issues/1612 we established a pattern of collecting feedback from the users for AI features. We should document this in Pajamas.
![CleanShot_2023-08-02_at_15.20.55](/uploads/44c230a5b6dc58c6fb2278f801dbfa77/CleanShot_2023-08-02_at_15.20.55.gif)
The full context of the decisions made are in the issue: https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/issues/1612Backloghttps://gitlab.com/gitlab-org/gitlab/-/issues/418100Migrate ee/app/assets/javascripts/related_items_tree/components/create_issue_...2023-11-23T15:22:31ZJames RushfordMigrate ee/app/assets/javascripts/related_items_tree/components/create_issue_form.vue to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in ee/app/assets/javascripts/related_items_tree/components/create_issue_form.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.One or more dropdowns in ee/app/assets/javascripts/related_items_tree/components/create_issue_form.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.https://gitlab.com/gitlab-org/gitlab/-/issues/418090Migrate app/assets/javascripts/ide/components/nav_dropdown_button.vue to GlD...2023-10-13T11:17:55ZJames RushfordMigrate app/assets/javascripts/ide/components/nav_dropdown_button.vue to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in app/assets/javascripts/ide/components/nav_dropdown_button.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.One or more dropdowns in app/assets/javascripts/ide/components/nav_dropdown_button.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.Enrique Alcántaraealcantara@gitlab.comEnrique Alcántaraealcantara@gitlab.comhttps://gitlab.com/gitlab-org/gitlab/-/issues/418103Migrate app/assets/javascripts/vue_shared/components/user_select/user_select....2024-01-18T01:09:13ZJames RushfordMigrate app/assets/javascripts/vue_shared/components/user_select/user_select.vue to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in app/assets/javascripts/vue_shared/components/user_select/user_select.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.One or more dropdowns in app/assets/javascripts/vue_shared/components/user_select/user_select.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.https://gitlab.com/gitlab-org/gitlab/-/issues/418075Migrate ee/app/assets/javascripts/analytics/analytics_dashboards/components/v...2023-07-13T13:28:51ZJames RushfordMigrate ee/app/assets/javascripts/analytics/analytics_dashboards/components/visualization_designer/analytics_visualization_inspector.vue to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in ee/app/assets/javascripts/analytics/analytics_dashboards/components/visualization_designer/analytics_visualization_inspector.vue should be migrated to one of the new dropdown components. See the parent epic &1069...One or more dropdowns in ee/app/assets/javascripts/analytics/analytics_dashboards/components/visualization_designer/analytics_visualization_inspector.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.https://gitlab.com/gitlab-org/gitlab/-/issues/418061Migrate ee/app/assets/javascripts/vulnerabilities/components/vulnerability_st...2023-07-13T13:28:41ZJames RushfordMigrate ee/app/assets/javascripts/vulnerabilities/components/vulnerability_state_dropdown_deprecated.vue to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in ee/app/assets/javascripts/vulnerabilities/components/vulnerability_state_dropdown_deprecated.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration stra...One or more dropdowns in ee/app/assets/javascripts/vulnerabilities/components/vulnerability_state_dropdown_deprecated.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.https://gitlab.com/gitlab-org/gitlab/-/issues/418039Migrate app/assets/javascripts/vue_shared/components/new_resource_dropdown/ne...2023-10-03T08:16:00ZJames RushfordMigrate app/assets/javascripts/vue_shared/components/new_resource_dropdown/new_resource_dropdown.vue to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in app/assets/javascripts/vue_shared/components/new_resource_dropdown/new_resource_dropdown.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.One or more dropdowns in app/assets/javascripts/vue_shared/components/new_resource_dropdown/new_resource_dropdown.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.Mughees PervaizMughees Pervaizhttps://gitlab.com/gitlab-org/gitlab/-/issues/418034Migrate ee/app/assets/javascripts/analytics/analytics_dashboards/components/v...2023-07-13T13:28:36ZJames RushfordMigrate ee/app/assets/javascripts/analytics/analytics_dashboards/components/visualization_designer/selectors/product_analytics/dimension_selector.vue to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in ee/app/assets/javascripts/analytics/analytics_dashboards/components/visualization_designer/selectors/product_analytics/dimension_selector.vue should be migrated to one of the new dropdown components. See the pare...One or more dropdowns in ee/app/assets/javascripts/analytics/analytics_dashboards/components/visualization_designer/selectors/product_analytics/dimension_selector.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.https://gitlab.com/gitlab-org/gitlab/-/issues/418035Migrate app/assets/javascripts/vue_shared/components/dropdown/dropdown_widget...2023-07-13T13:28:36ZJames RushfordMigrate app/assets/javascripts/vue_shared/components/dropdown/dropdown_widget/dropdown_widget.vue to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in app/assets/javascripts/vue_shared/components/dropdown/dropdown_widget/dropdown_widget.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.One or more dropdowns in app/assets/javascripts/vue_shared/components/dropdown/dropdown_widget/dropdown_widget.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.https://gitlab.com/gitlab-org/gitlab/-/issues/418025Migrate app/assets/javascripts/vue_shared/components/color_select_dropdown/dr...2023-12-19T11:28:51ZJames RushfordMigrate app/assets/javascripts/vue_shared/components/color_select_dropdown/dropdown_contents.vue to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in app/assets/javascripts/vue_shared/components/color_select_dropdown/dropdown_contents.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.One or more dropdowns in app/assets/javascripts/vue_shared/components/color_select_dropdown/dropdown_contents.vue should be migrated to one of the new dropdown components. See the parent epic &10695 for guidance on migration strategies.https://gitlab.com/gitlab-org/gitlab/-/issues/413653Adjust use of (?) icons in Usage Quotas to be Pajamas Compliant2023-10-19T09:22:40ZKos PalchykAdjust use of (?) icons in Usage Quotas to be Pajamas CompliantFollow-up: It was raised in https://gitlab.com/gitlab-org/gitlab/-/merge_requests/119683#note_1411515295 by `@nickbrandt` that the way we use `(?)` icons on Usage Quotas project and namespace Storage pages are not Pajamas Compliant:
> I...Follow-up: It was raised in https://gitlab.com/gitlab-org/gitlab/-/merge_requests/119683#note_1411515295 by `@nickbrandt` that the way we use `(?)` icons on Usage Quotas project and namespace Storage pages are not Pajamas Compliant:
> I don't find it very intuitive that there are two different links next to each other now in these instances where both the name of the storage and the help icon are links. Based on our [Pajamas guidance](https://design.gitlab.com/usability/contextual-help#help-icon), we technically shouldn't be using the help icon as a standalone link, but instead utilize a popover with some contextual info along with a "Learn more" link if needed.
This issue needs further clarifications and UX guidance on how to approach it on the two pages (might need two different approaches)
Screenshots for reference:
![image](/uploads/35ee3c460db94e1ecd701e5c6c70dc12/image.png)
![image](/uploads/e44b55b6cd9d4d0542d790dc0ca1c475/image.png)Backloghttps://gitlab.com/gitlab-org/gitlab/-/issues/413468Migrate "app/assets/javascripts/projects/settings/components/access_dropdown....2024-03-15T22:31:39ZJames RushfordMigrate "app/assets/javascripts/projects/settings/components/access_dropdown.vue" to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in [`app/assets/javascripts/projects/settings/components/access_dropdown.vue`](https://gitlab.com/gitlab-org/gitlab/blob/master/app/assets/javascripts/projects/settings/components/access_dropdown.vue) should be migr...One or more dropdowns in [`app/assets/javascripts/projects/settings/components/access_dropdown.vue`](https://gitlab.com/gitlab-org/gitlab/blob/master/app/assets/javascripts/projects/settings/components/access_dropdown.vue) should be migrated to one of the new dropdown components. See the [parent epic](https://gitlab.com/groups/gitlab-org/-/epics/10695) for guidance on migration strategies.Taras TadaiTaras Tadaihttps://gitlab.com/gitlab-org/gitlab/-/issues/413504Migrate "app/assets/javascripts/pipelines/components/pipelines_list/pipelines...2023-05-30T13:49:21ZJames RushfordMigrate "app/assets/javascripts/pipelines/components/pipelines_list/pipelines_manual_actions.vue" to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in [`app/assets/javascripts/pipelines/components/pipelines_list/pipelines_manual_actions.vue`](https://gitlab.com/gitlab-org/gitlab/blob/master/app/assets/javascripts/pipelines/components/pipelines_list/pipelines_ma...One or more dropdowns in [`app/assets/javascripts/pipelines/components/pipelines_list/pipelines_manual_actions.vue`](https://gitlab.com/gitlab-org/gitlab/blob/master/app/assets/javascripts/pipelines/components/pipelines_list/pipelines_manual_actions.vue) should be migrated to one of the new dropdown components. See the [parent epic](https://gitlab.com/groups/gitlab-org/-/epics/10695) for guidance on migration strategies.https://gitlab.com/gitlab-org/gitlab/-/issues/413448Migrate "app/assets/javascripts/pipelines/components/pipelines_list/pipeline_...2023-05-30T13:50:51ZJames RushfordMigrate "app/assets/javascripts/pipelines/components/pipelines_list/pipeline_multi_actions.vue" to GlDisclosureDropdown or GlCollapsibleListboxOne or more dropdowns in [`app/assets/javascripts/pipelines/components/pipelines_list/pipeline_multi_actions.vue`](https://gitlab.com/gitlab-org/gitlab/blob/master/app/assets/javascripts/pipelines/components/pipelines_list/pipeline_multi...One or more dropdowns in [`app/assets/javascripts/pipelines/components/pipelines_list/pipeline_multi_actions.vue`](https://gitlab.com/gitlab-org/gitlab/blob/master/app/assets/javascripts/pipelines/components/pipelines_list/pipeline_multi_actions.vue) should be migrated to one of the new dropdown components. See the [parent epic](https://gitlab.com/groups/gitlab-org/-/epics/10695) for guidance on migration strategies.