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

fix(alert): remove borders from checkboxes and radios

Browse Source 
also fixed the border width for retina

references #5133
This commit is contained in:
Brandy Carney
2016-01-22 14:25:02 -05:00
parent 7d158a5219
commit b424866b19
2 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ionic/components/alert/alert.ios.scss
View File

@@ -107,12 +107,7 @@ ion-alert {
.alert-tappable {
display: flex;
min-height: $alert-ios-button-min-height;
border-top: 1px solid $alert-ios-button-border-color;
cursor: pointer;
&:first-child {
border-top: 0;
}
}
@@ -199,6 +194,11 @@ ion-alert {
}
&.hairlines {
.alert-radio-group,
.alert-checkbox-group {
border-width: 0.55px;
}
.alert-input {
border-width: 0.55px;
}

7
ionic/components/alert/alert.md.scss
View File

@@ -87,7 +87,7 @@ $alert-md-buttons-justify-content: flex-end !default;
.alert-checkbox-group {
position: relative;
border-top: 1px solid $alert-md-input-border-color;
border-bottom: 1px solid $alert-md-input-border-color;
border-bottom: 1px solid $alert-md-input-border-color;
max-height: 240px;
overflow: auto;
}
@@ -97,12 +97,7 @@ $alert-md-buttons-justify-content: flex-end !default;
overflow: hidden;
display: flex;
min-height: 44px;
border-top: 1px solid $alert-md-input-border-color;
cursor: pointer;
&:first-child {
border-top: 0;
}
}