Skip to content

File explorer show button looks obstrusive/inconsistent in the redesign

Created by: felixfbecker

(Reported by myself and Coury in Slack)

This button doesn't feel like it fits into the design very well:

image

Compared to the "hide" button:

image

I hacked together a quick alternative proposal that got the designer Seal of Approval ™️:

image

Thoughts behind it:

  • Consistent with the collapse button in terms of icon, color and size, also consistent with the extension bar collapse button
  • Neat little tab that indicates the explorer is hidden off-screen and you can pull it out (also afforded by using the same background as the file explorer)
  • Neat alignment with the repo title and not obstructing the rounded corner shape of the content container, instead of sitting square in the top-right corner

Specs:

  • 2x2rem
  • --icon-color color
  • --body-bg background
  • 1rem top margin to the top of the content container
  • --border-radius border-radius top-right and bottom-right, 0 on the other corners
  • Important: Added .5rem padding to the content container on the left, so it neatly aligns with the rev switcher and has padding on both sides and is not flush with the window frame on one side but not the other.