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

fix(covers): absolute positioning

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-03-22 22:17:53 +01:00
parent 9836c60dae
commit ce09978eee
9 changed files with 36 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
core/src/components/checkbox/checkbox.scss
View File

@ -9,11 +9,14 @@ ion-checkbox {
}
ion-checkbox input {
@include position(0, 0, 0, 0);
@include position(0, null, null, 0);
@include margin(0);
position: absolute;
width: 100%;
height: 100%;
border: 0;
background: transparent;
cursor: pointer;

5
core/src/components/datetime/datetime.scss
View File

@ -11,10 +11,13 @@ ion-datetime {
}
.datetime-cover {
@include position(0, 0, 0, 0);
@include position(0, null, null, 0);
position: absolute;
width: 100%;
height: 100%;
border: 0;
background: transparent;

5
core/src/components/input/input.scss
View File

@ -63,9 +63,12 @@ input.native-input:-webkit-autofill {
// The input cover is not clickable when the input is disabled
.input-cover {
@include position(0, 0, 0, 0);
@include position(0, null, null, 0);
position: absolute;
width: 100%;
height: 100%;
}
.input[disabled] .input-cover {

5
core/src/components/item/item.scss
View File

@ -75,10 +75,13 @@ ion-item-group {
}
.item-cover {
@include position(0, 0, 0, 0);
@include position(0, null, null, 0);
position: absolute;
width: 100%;
height: 100%;
background: transparent;
cursor: pointer;
}

5
core/src/components/radio/radio.scss
View File

@ -11,11 +11,14 @@ ion-radio {
}
ion-radio input {
@include position(0, 0, 0, 0);
@include position(0, null, null, 0);
@include margin(0);
position: absolute;
width: 100%;
height: 100%;
border: 0;
background: transparent;
cursor: pointer;

5
core/src/components/select/select.scss
View File

@ -14,10 +14,13 @@ ion-select {
}
.select-cover {
@include position(0, 0, 0, 0);
@include position(0, null, null, 0);
position: absolute;
width: 100%;
height: 100%;
border: 0;
background: transparent;

5
core/src/components/spinner/spinner.scss
View File

@ -12,10 +12,13 @@ ion-spinner {
}
ion-spinner svg {
@include position(0, 0, 0, 0);
@include position(0, null, null, 0);
position: absolute;
width: 100%;
height: 100%;
transform: translateZ(0);
}

5
core/src/components/title/title.ios.scss
View File

@ -5,11 +5,14 @@
// --------------------------------------------------
.toolbar-ios ion-title {
@include position(0, 0, 0, 0);
@include position(0, null, null, 0);
@include padding(0, 90px, 1px);
position: absolute;
width: 100%;
height: 100%;
transform: translateZ(0);
pointer-events: none;

5
core/src/components/toggle/toggle.scss
View File

@ -45,11 +45,14 @@ ion-toggle ion-gesture {
}
ion-toggle input {
@include position(0, 0, 0, 0);
@include position(0, null, null, 0);
@include margin(0);
position: absolute;
width: 100%;
height: 100%;
background: transparent;
cursor: pointer;
border: 0;