Steve Stein 64dd361cf7 Slim sidebar visual design issues (#8404) ... - Visual design – Collapsed sidebar is wider than intended - Visual design – Change “Edit your account” to “Account” tooltip - Visual design – Slim side bar on bird hover, make the bird a little big bigger (don’t make it shrink as much) - Visual design – Change the tooltip to the darker indigo (discussed with ben and this is no longer necessary) - Visual design – Expand the space between the menu items (add 3px padding) - then adjust the flyout menu items spacing too - Visual design – Get the labels and icons to align vertically (space between icon and label) - Visual design – Make the width 60px - Visual design – Make the arrows slightly smaller and closer to the icons on slim view - Visual design – Move the bird higher up and slightly smaller, as per the designs - Animations – I wonder if the new |-> icon should flip horizontally rather than roll? (or maybe not animate at all?) The rolling animation feels a little strange as I think the pipe is meant to represent the always vertical menu - Animations – The Bird seems to have two hover states (try slowly moving your mouse cursor from top to bottom and you'll see it's wing appears before the hover animation is triggered). Not sure if this is intended behaviour. - UX – Unexpected behavior with the search – clicking the "Search" icon submits a search, while all other icons in the sidebar are safe to click (This will expand the menu in slim mode and only have pointer events to submit in expanded mode which should be acceptable as its the submit button for the field?) Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>		2022-04-23 00:10:32 +01:00
..
_variables.icons.scss	Reformat codebase with Prettier (#7912)	2022-02-04 11:57:55 +00:00
_variables.scss	Slim sidebar visual design issues (#8404)	2022-04-23 00:10:32 +01:00