nextcloud-vue icon indicating copy to clipboard operation
nextcloud-vue copied to clipboard

Change Icon of AppSidebar

Open jotoeri opened this issue 2 years ago β€’ 10 comments

As of https://github.com/nextcloud/forms/issues/717, @nimishavijay proposed to change the hamurger-menu of the AppSidebar to a three-dot menu.

Afaik there were several complaints before, that the sidebar is not clearly recognized with the hamurger-menu. Thus, the three-dot menu could be a solution, might however interfer with apps having another three-dot menu next to the sidebar-icon?

jotoeri avatar Jul 01 '22 16:07 jotoeri

Material design has the specific menu-open icon. How about using this one for the AppSidebar? @nextcloud/designers @skjnldsv @jancborchardt @nimishavijay

icon

Screenshot from 2022-08-07 14-42-20

jotoeri avatar Aug 07 '22 12:08 jotoeri

Would be nice to have a menu-close icon, when the menu is open. But since there isn't, maybe vertically mirror the iconπŸ™ˆ

raimund-schluessler avatar Aug 07 '22 12:08 raimund-schluessler

What about the View Sidebar material icon? πŸ™ˆ baseline_view_sidebar_black_24dp

stefan-niedermann avatar Aug 07 '22 13:08 stefan-niedermann

Ping @jancborchardt @nimishavijay

skjnldsv avatar Oct 23 '22 08:10 skjnldsv

Is this still relevant? The app sidebar toggle is implemented by every app so more than a recommendation for a button is not possible or am I wrong?

susnux avatar Jun 26 '23 12:06 susnux

The current icon used for the AppSidebar in Forms is the menu-open icon which is used as the icon for the navigation also, which can be a bit confusing. a different icon to toggle the sidebar is used in Talk (hamburger icon), Forms (menu-open), Collectives (legacy sidebar icon), Notes (not in the top right corner but in the 3dot menu of a note. Uses page-layout-sidebar-right). We should unify all of these since the sidebar has essentially the same content. Here is what seems suitable so far:

what do you think? @nextcloud/designers

nimishavijay avatar Jun 26 '23 22:06 nimishavijay

view-sidebar or space-dashboard for me

skjnldsv avatar Jun 27 '23 06:06 skjnldsv

Agree with skjnldsv, apps look like the grid view toggle on the files app (same position as you would expect the sidebar button). And format-list-bulleted looks like the forms app logo, so for forms that would be a not that good.

susnux avatar Jun 27 '23 08:06 susnux

What's wrong with menu-open? There's no need for a menu-close icon since we have a close button within the sidebar itself.

I would default with that but also urge developers to use their own icon so that it directly relates to the content that it's first displayed in the sidebar. For example, in talk we could display the participants icon when a call is not active, since opening the sidebar will open that tab. (In call we already have something like that and we show the chat icon)

marcoambrosini avatar Jun 27 '23 09:06 marcoambrosini

menu-open is used as the icon to close the navigation, so ideally we have distinct icons on the screen. I would vote for space-dashboard because it seems more similar to the current layout of the sidebar and it's rounder, like our UI :) And agreed with the point about this being only a default and not mandatory!

nimishavijay avatar Jun 29 '23 02:06 nimishavijay