javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 13:32:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(toolbar): position toolbar relative and add z-index

Browse Source
This commit is contained in:
Brandy Carney
2016-06-17 16:15:31 -04:00
parent 927edfffcd
commit 1d8ba4a5e7
9 changed files with 445 additions and 466 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/virtual-scroll/test/basic/main.html
View File

@ -1,5 +1,4 @@
<ion-header>
<ion-navbar>
<ion-title>Virtual Scroll{{webview}}</ion-title>
<ion-buttons end>
@ -8,7 +7,6 @@
</button>
</ion-buttons>
</ion-navbar>
</ion-header>

6
src/components/virtual-scroll/test/cards/main.html
View File

@ -1,4 +1,8 @@
<ion-toolbar><ion-title>Virtual Scroll: Cards</ion-title></ion-toolbar>
<ion-header>
<ion-toolbar>
<ion-title>Virtual Scroll: Cards</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>

68
src/components/virtual-scroll/test/image-gallery/main.html
View File

@ -1,39 +1,4 @@
<style>
.virtual-header {
width: 100%;
margin-bottom: 5px;
padding: 10px;
background: #eee;
}
.virtual-item {
display: inline-block;
vertical-align: top;
width: 80px;
height: 80px;
margin-left: 5px;
margin-bottom: 5px;
border: 1px solid gray;
}
.virtual-footer {
display: inline-block;
width: 80px;
height: 80px;
border: 1px solid red;
margin-left: 5px;
margin-bottom: 5px;
padding: 10px;
}
.virtual-scroll > :first-child {
border-top: 2px solid blue;
}
.virtual-scroll > :last-child {
background: red;
}
</style>
<ion-header>
<ion-navbar>
<ion-title>Virtual Scroll: Image Gallery</ion-title>
<ion-buttons end>
@ -42,7 +7,6 @@
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
@ -75,3 +39,35 @@
</ion-content>
<style>
.virtual-header {
width: 100%;
margin-bottom: 5px;
padding: 10px;
background: #eee;
}
.virtual-item {
display: inline-block;
vertical-align: top;
width: 80px;
height: 80px;
margin-left: 5px;
margin-bottom: 5px;
border: 1px solid gray;
}
.virtual-footer {
display: inline-block;
width: 80px;
height: 80px;
border: 1px solid red;
margin-left: 5px;
margin-bottom: 5px;
padding: 10px;
}
.virtual-scroll > :first-child {
border-top: 2px solid blue;
}
.virtual-scroll > :last-child {
background: red;
}
</style>

2
src/components/virtual-scroll/test/sliding-item/main.html
View File

@ -1,5 +1,4 @@
<ion-header>
<ion-navbar>
<ion-title>Virtual Scroll{{webview}}</ion-title>
<ion-buttons end>
@ -8,7 +7,6 @@
</button>
</ion-buttons>
</ion-navbar>
</ion-header>

6
src/components/virtual-scroll/test/variable-size/main.html
View File

@ -1,4 +1,8 @@
<ion-toolbar><ion-title>Virtual Scroll: Variable Sizes</ion-title></ion-toolbar>
<ion-header>
<ion-toolbar>
<ion-title>Virtual Scroll: Variable Sizes</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>