Reposition multiple issue board title/selector dropdown

Resources

PM @victorwu | UX @dimitrieh

Part of

https://gitlab.com/gitlab-org/gitlab-ce/issues/25698 Issue board as a workflow tool

Problem

The positioning of the multiple issueboard dropdown is less then ideal imo and currently takes up a lot of vertical space:

Solution and design

This will be a temp solution and should be a quick fix to solve the vertical space and aesthetics of the issue board

Notes

This was a proposal that was considered here: https://gitlab.com/gitlab-org/gitlab-ee/issues/929#note_16184188 image

I however think this should be placed elsewhere: image

We can then if we want add the possibility for starred/extra important issue boards like so: image

This being flexible with the design, perhaps to flexible.. what are your opinions on this @hazelyang @awhildy

Reassigned to @dimitrieh

Mentioned in issue #1154 (closed)

@dimitrieh: What are your concerns with putting the board switcher next to the filter drop downs? Especially as we are talking about connecting filter state with the board, it seems to make more sense to relate the board switcher with the filter drop downs.

@awhildy mmh my main concern was with it not being obvious enough and not having the option to extend it with favourites (although that is technically feature creep :O ). Apart from that, we are redesigning the whole search/filters at https://gitlab.com/gitlab-org/gitlab-ce/issues/21747

I guess we could go with this, but with the new design of https://gitlab.com/gitlab-org/gitlab-ce/issues/21747 coming up, the actual board "filter" in this case will be even less prominent don't you think?

@cperessini do you think this would fit in the "saved search" element in the new search/filters UI from https://gitlab.com/gitlab-org/gitlab-ce/issues/21747? or perhaps would need an additional element that is similar and resides right next to that, which is reserved for board selection?

@dimitrieh I think it should be a different element to the left of the "Saved searches" dropdown. Since each board will have its own saved searches it makes sense that the board switcher is one level above the saved searches, instead of being a part of them.

Got ya..

@awhildy can we get this in as a normal filter in the current filter ui? as the search/filter feature UI will not be immediately applied to issue boards directly correct?

Thanks @dimitrieh! @cperessini: You were considering some tweaks that could be made to clean up the visual design of the issue boards, right? Maybe this is another visual improvement we could consider as part of that work? Or some way to reduce the vertical space used by the board switcher and filters.

@awhildy Yes, so far I've made it a normal dropdown to the left of the search bar but I fear it may not be obvious that it affects a larger scope than the filters do. I'll have to look further into it.

@awhildy @cperessini if i am correct the new filter/search will not be available immediately for the issue boards correct? I was wondering if we can do a simple intermediate change like:

i tried this myself, but its better if we assign someone from ~Frontend to it as it messes with cross view includes.

@dimitrieh In your screenshot the dropdown for switching boards looks like one more filter to me. I think we need a way to separate the two types of dropdowns. How about this?

@cperessini that looks like a good solution to me! thanks!

issue description updated with design!

@victorwu can we get this scheduled for this release? This should be a quick fix, but is a little too hard for us non FE folks which are less familiar with the code used as I explained here https://gitlab.com/gitlab-org/gitlab-ee/issues/1156#note_20576227

added frontend and removed ~126459 labels

removed assignee

Thanks @dimitrieh + @awhildy for the discussions.

@cperessini: Do you have any larger designs you could show for issue boards, per https://gitlab.com/gitlab-org/gitlab-ce/issues/25698? I would like to have some design direction and strategy for issue boards established soon, especially if we want to make any tweaks like this. We don't have anything yet right? Please let me know if I missed some issues. Thanks!

@victorwu just to let us both be on the same page here :) this should be an intermediate cleanup solution that fixes the current situation. It should be a quick small merge request which shouldn't require too much effort. In that sense it would be nice to have this be picked up by someone form the ~Frontend. It is not related to any future design updates related to the new search and filters functionality from @cperessini

@dimitrieh : Understood. If you folks think it's a quick win and adds value in the interim, let's do it.

changed milestone to %Backlog

added ~874214 label

added ~1012342 label

added ~126459 label

removed ~126459 label

assigned to @iamphill

mentioned in commit 7cfb6579

mentioned in merge request !1020 (merged)

mentioned in commit 3044915c

mentioned in commit 53b96fdf

mentioned in commit 80d3a90b

mentioned in commit cf4e8395

mentioned in commit b152e6bd

closed via merge request !1020 (merged)

changed milestone to %9.0

mentioned in issue #2518 (closed)

mentioned in commit fb85467e