Skip to content
This repository has been archived by the owner on Jan 5, 2022. It is now read-only.

not responsive on macbook air (1366 x 768 resolution ) #31

Open
sugaroverflow opened this issue Feb 23, 2015 · 2 comments
Open

not responsive on macbook air (1366 x 768 resolution ) #31

sugaroverflow opened this issue Feb 23, 2015 · 2 comments

Comments

@sugaroverflow
Copy link
Contributor

On my Macbook Air (1366 x 768 ) at 100% view, I can't see the Twitter Followers radio button (even if I scroll down). This might become a problem later when the Revenue button is added back.

screen shot 2015-02-23 at 10 33 57 am
screen shot 2015-02-23 at 10 34 07 am

Works at 75% zoom.

@sugaroverflow sugaroverflow changed the title responsiveness on macbook air (1366 x 768 resolution ) no responsive on macbook air (1366 x 768 resolution ) Feb 23, 2015
@sugaroverflow sugaroverflow changed the title no responsive on macbook air (1366 x 768 resolution ) not responsive on macbook air (1366 x 768 resolution ) Feb 23, 2015
@luisdaniel
Copy link

This could be solved with some CSS trickery.
Add to style.css and test it out:

#athena-left-nav {
  height: 80vh;
  overflow-y: scroll;
}

This makes the div 80% of the viewport height (browser window height) and makes the div scrollable if there is an overflow of text.

You might also want to change .filter-name-location.input-control.text to a fixed height rather than a percentage (currently 4%) since it gets squished when the div resizes.

I'll leave the changes up to you guys since my branch has all the database connection code commented out.

@adysevy
Copy link
Contributor

adysevy commented Feb 24, 2015

Thank you Luis for the great tips! We'll have a look at that.

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

No branches or pull requests

3 participants