Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

mgr/dashboard: Add description to menu items on mobile navigation #26198

Merged
merged 2 commits into from Feb 7, 2019
Merged

mgr/dashboard: Add description to menu items on mobile navigation #26198

merged 2 commits into from Feb 7, 2019

Conversation

Exotelis
Copy link
Contributor

Adds the title of the icons as description right next to it if the resolution
of the browser is below 768px.
In addtition, I've added some sccs variables that should be used when working with media queries. Those variables define the bootstrap breakpoints.

Copy link
Member

@s0nea s0nea left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@votdev
Copy link
Member

votdev commented Jan 31, 2019

Should it look like this?
auswahl_005

@p-se
Copy link
Contributor

p-se commented Jan 31, 2019

Should it look like this?
auswahl_005

I would prefer the proposed look over what we currently have, but that might be a different PR.

@Exotelis
Copy link
Contributor Author

Exotelis commented Feb 1, 2019

Should it look like this?
auswahl_005

Yes, thank you for adding the screenshot ;)

Copy link
Contributor

@tspmelo tspmelo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you add fa-fw to all the icons?
then we would get an aligned list:
image

@Exotelis
Copy link
Contributor Author

Exotelis commented Feb 5, 2019

Could you add fa-fw to all the icons?
then we would get an aligned list:
image

I was looking for something like this. Thanks for the hint, will change it :-)

Sebastian Krah added 2 commits February 5, 2019 13:47
Adds the title of the icons as description right next to it if the resolution
of the browser is below 768px.
Adds a couple of scss variable which define the different breakpoints of
bootstrap. Those variables should be used in media query expressions.

Fixes: https://tracker.ceph.com/issues/37789
Signed-off-by: Sebastian Krah <skrah@suse.com>
Uses the newly created scss breakpoint variables for every media query that was hardcoded so far.

Signed-off-by: Sebastian Krah <skrah@suse.com>
@LenzGr LenzGr added this to the nautilus milestone Feb 5, 2019
@LenzGr LenzGr merged commit 299f2e6 into ceph:master Feb 7, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
6 participants