Giters

apache / couchdb-fauxton

Fauxton is the new Web UI for CouchDB

Home Page:https://github.com/apache/couchdb-fauxton

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Collapse icon in the main left menu is ambiguous

gordey4doronin opened this issue · comments

commented

Disclaimer. This is just a nitpick UI issue and doesn't affect any functionality in general.

  1. So the main left menu is collapsible. But the icon is a little bit confusing when in the maximized state. It looks like a sign-out icon, which you struggle to click cause you don't want to be signed out.

  2. Also collapse and expand button are kinda inconsistent.

Current Behavior

Collapse

Screenshot 2020-03-31 at 18 55 04

Expand

Screenshot 2020-03-31 at 18 54 52

Possible Solution

With the existing icon set the number of possible solutions is not really high.
But I believe it's still possible to find icons which would fit better.
As a fast example I tried icon-double-angle-left and icon-double-angle-right.

Collapse

Screenshot 2020-03-31 at 19 11 41

Expand

Screenshot 2020-03-31 at 19 12 54

P.S. After checking the code I figured it is actually a sign-in icon (but flipped) indeed. So my initial feeling that it would sign me out was reasonable at least. 😄

couchdb-fauxton/app/addons/fauxton/navigation/components/Burger.js

Lines 27 to 29 in f64e88d

const icon = isMinimized ?
'icon-resize-horizontal' :
'icon-signin faux-navbar__burger__icon--flipped';

commented

I'm 👍 for something like this. It would make a lot more sense! Using a hamburger icon would also make it.