css for .content should be different

[xAlien95]

Hi, the actual css for .content class in _scaffolding.scss#L58 is:

.content {
  position: absolute;
  width: 100%;
  height: 100%;
}

Its height should be the window one less the header one, so:

.content {
  position: absolute;
  width: 100%;
  top: 0; /* to prevent errors when has-header isn't set */
  bottom: 0;
}

Thanks :)

[adamdbradley]

@mlynch do you see any issues with this and the scroll stuff?

[mlynch]

We don't use the .content class for anything anyways, so I'm going to close this.

[xAlien95]

I posted that css edit to resize the content height. Actually you can see what happen from these screens:

In the first one I simply scrolled down the list "touching" it (like on a smartphone): the scrollbar div seams to be off of the list viewport.
In the second one I scrolled at the bottom the list. Is there a way to remove that margin on bottom?
Some lists don't need it (like the iOS 7 facebook friend list or the iOS 7 spotlight and so on).

Thank you for the 0.9.20-alpha, it's great! :D

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.