javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 15:51:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(content): scrol-inner takes all height

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-05-11 19:24:44 +02:00
parent 875b9d0950
commit 3da0c989b2
3 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/content/content.scss
View File

@ -15,4 +15,8 @@ ion-content {
margin: 0 !important; // scss-lint:disable all margin: 0 !important; // scss-lint:disable all
padding: 0 !important; // scss-lint:disable all padding: 0 !important; // scss-lint:disable all
> .scroll-inner {
min-height: 100%;
}
} }

2
core/src/components/content/test/basic/index.html
View File

@ -19,7 +19,7 @@
</ion-header> </ion-header>
<div style="display: flex; flex: 1"> <div style="display: flex; flex: 1">
<ion-content padding style="text-align: center; flex: 2" id="content"> <ion-content scroll-enabled="false" padding style="text-align: center; flex: 2" id="content">
<f></f> <f></f>
<ion-button onclick="toggleFullscreen()">Toggle content.fullscreen</ion-button> <ion-button onclick="toggleFullscreen()">Toggle content.fullscreen</ion-button>
<p> <p>

4
core/src/components/scroll/scroll.scss
View File

@ -48,4 +48,8 @@ ion-scroll {
&.overscroll::after { &.overscroll::after {
top: -1px; top: -1px;
} }
> .scroll-inner {
min-height: 100%;
}
} }