Skip to content
This repository has been archived by the owner on Mar 16, 2020. It is now read-only.

UI refactoring for better mobile experience #324

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

mblakele
Copy link

UI changes tend to be controversial, so I won't take it personally if you hate this and reject it out of hand. I try not to take code personally anyway, but UI changes seem to merit an extra disclaimer.

The existing UI is a little frustrating for me on narrow screens, because it hides almost everything under a utility menu icon. So common actions like refresh takes an extra tap, which feels clumsy. These changes keep refresh, up, and down visible even when the rest of the navbar is hidden. That made the two tabs (about, feeds) look funny, so I pushed them onto the other side of the navbar. Finally I made the app icon act like a second refresh button, which seemed natural to me.

@@ -129,6 +129,7 @@
}
#story-list.no-nav {
left: 20px;
margin-left: 3px !important;
Copy link
Owner

Choose a reason for hiding this comment

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

This should go in the media query.

Copy link
Author

Choose a reason for hiding this comment

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

Makes sense: I've moved that in bf84d67

@maddyblue
Copy link
Owner

I'm not opposed to making this better, but this PR messes up the non-mobile view quite a bit. Could you change this PR so that the non-mobile view is not affected?

@mblakele
Copy link
Author

Can you be more specific about how the non-mobile view is affected? I've been using it regularly on Firefox 34. I've also tested more briefly on Safari 8 and Chrome.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants