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

give .slider-pager a height so it can be placed on top easily

Browse Source
This commit is contained in:
Adam Bradley
2014-03-17 11:01:24 -05:00
parent 5a0efecef6
commit 60e4c1cc46
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
scss/_slide-box.scss
View File

@@ -6,23 +6,23 @@
.slider {
position: relative;
visibility: hidden;
// Make sure items don't scroll over ever
overflow: hidden;
visibility: hidden;
}
.slider-slides {
position: relative;
height: 100%;
}
.slider-slide {
display: block;
position: relative;
display: block;
float: left;
width: 100%;
height: 100%;
float: left;
vertical-align: top;
}
.slider-slide-image {
@@ -34,9 +34,10 @@
.slider-pager {
position: absolute;
bottom: 20px;
z-index: $z-index-slider-pager;
width: 100%;
height: 15px;
text-align: center;
z-index: 1;
.slider-pager-page {
display: inline-block;
@@ -48,8 +49,8 @@
opacity: 0.3;
&.active {
opacity: 1;
@include transition(opacity 0.4s ease-in);
opacity: 1;
}
}
}

1
scss/_variables.scss
View File

@@ -629,6 +629,7 @@ $z-index-pane: 1 !default;
$z-index-popup: 11 !default;
$z-index-popup-backdrop: 10 !default;
$z-index-scroll-bar: 9999 !default;
$z-index-slider-pager: 1 !default;
$z-index-tabs: 5 !default;
$z-index-view: 1 !default;