javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +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 { ion-checkbox input {
@include position(0, 0, 0, 0); @include position(0, null, null, 0);
@include margin(0); @include margin(0);
position: absolute; position: absolute;
width: 100%;
height: 100%;
border: 0; border: 0;
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;

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

@ -11,10 +11,13 @@ ion-datetime {
} }
.datetime-cover { .datetime-cover {
@include position(0, 0, 0, 0); @include position(0, null, null, 0);
position: absolute; position: absolute;
width: 100%;
height: 100%;
border: 0; border: 0;
background: transparent; 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 // The input cover is not clickable when the input is disabled
.input-cover { .input-cover {
@include position(0, 0, 0, 0); @include position(0, null, null, 0);
position: absolute; position: absolute;
width: 100%;
height: 100%;
} }
.input[disabled] .input-cover { .input[disabled] .input-cover {

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

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

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

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

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

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

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

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

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

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

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

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