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

Hides superluous details on small screens #2175

Merged
merged 2 commits into from Apr 21, 2017

Conversation

ashfurrow
Copy link
Contributor

This is a follow up from #2116 . It removes the "Getting Started" column header, and local/federated timeline links, on mobile. I'll add some comments inline in the PR looking for clarifications or further follow-up.

Before:

screen shot 2017-04-19 at 5 47 01 pm

After:

screen shot 2017-04-19 at 5 45 55 pm

Fixes #2072.

@@ -1,7 +1,6 @@
import { Link } from 'react-router';

const outerStyle = {
display: 'block',
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This is what I wasn't clear on; I don't know why the style is inline but I had to move the display property to CSS to be able to override it from within the stylesheet. If more/all of these should be moved over, or if there's a better way to do any of this, let me know 👍


&:hover {
background: lighten($color1, 11%);
}

&.hidden-on-mobile {
@media screen and (max-width: 600px) {
Copy link
Member

Choose a reason for hiding this comment

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

The "mobile" layout begins at 1024px, atm.

@Gargron Gargron merged commit 78af88e into mastodon:master Apr 21, 2017
@emmanuelclement
Copy link

Thanx guys :-)

@ashfurrow ashfurrow deleted the fix-mobile-layout branch April 22, 2017 15:03
seefood pushed a commit to Toootim/mastodon that referenced this pull request Apr 28, 2017
* Hides superluous details on small screans.

* Addressed feedback from mastodon#2175.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants