search

Tendrl / ui

A repository for the front-end artifacts of Tendrl UI
GNU Lesser General Public License v2.1
6 stars 19 forks source link

Navigation overlaps when resized #814

Open fbalak opened 6 years ago

fbalak commented 6 years ago

When I resize UI window with opened left panel to be small and narrow then the Tendrl logo or cluster selector overlaps breadcrumb navigation.

When the left panel is opened then it overlaps the cluster selector and the cluster selector is inaccessible.

I suggest to drop the Tendrl logo when the window is resized to small size.

Navigation overlap:

0209_logo1

0209_logo2

Cluster selector overlap:

0209_logo3

Tested with:

tendrl-api-1.5.5-20180202T172550.51b6c71.noarch
tendrl-commons-1.5.5-20180208T071828.160b4d4.noarch
tendrl-ui-1.5.5-20180207T051807.2334615.noarch
tendrl-grafana-plugins-1.5.5-20180208T071934.ef4055b.noarch
tendrl-monitoring-integration-1.5.5-20180208T071934.ef4055b.noarch
tendrl-api-httpd-1.5.5-20180202T172550.51b6c71.noarch
Mozilla/5.0 (X11; Fedora; Linux x86_64; rv:54.0) Gecko/20100101 Firefox/54.0
Chrome/59.0.3071.104
mcarrano commented 6 years ago

Agree with @fbalak that when the window is resized below the size when the logotype and context selector can fit together in the masthead, the logotype should be hidden. This is the approach we are taking for the PatternFly implementation.