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
Conversation
@@ -1,7 +1,6 @@ | |||
import { Link } from 'react-router'; | |||
|
|||
const outerStyle = { | |||
display: 'block', |
There was a problem hiding this comment.
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) { |
There was a problem hiding this comment.
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.
Thanx guys :-) |
* Hides superluous details on small screans. * Addressed feedback from mastodon#2175.
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:
After:
Fixes #2072.