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

feat(windows): more UI cleanup

Browse Source 
references #5565
This commit is contained in:
Brandy Carney
2016-02-25 18:12:18 -05:00
parent 0267656df0
commit a5945317d5
4 changed files with 23 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ionic/components/action-sheet/action-sheet.wp.scss
View File

@ -6,7 +6,7 @@
$action-sheet-wp-text-align: left !default; $action-sheet-wp-text-align: left !default;
$action-sheet-wp-background-color: #F2F2F2 !default; $action-sheet-wp-background-color: #ffffff !default;
$action-sheet-wp-box-shadow: 0px -1px 0px rgba(0,0,0,0.2) !default; $action-sheet-wp-box-shadow: 0px -1px 0px rgba(0,0,0,0.2) !default;
$action-sheet-wp-title-padding: 19px 16px 17px !default; $action-sheet-wp-title-padding: 19px 16px 17px !default;

34
ionic/components/alert/alert.wp.scss
View File

@ -196,6 +196,9 @@ ion-alert {
white-space: nowrap; white-space: nowrap;
} }
// Windows Alert Checkbox Icon
// --------------------------------------------------
.alert-checkbox-icon { .alert-checkbox-icon {
position: relative; position: relative;
top: 13px; top: 13px;
@ -209,24 +212,27 @@ ion-alert {
background-color: transparent; background-color: transparent;
} }
// Windows Alert Checkbox Icon Checked
// --------------------------------------------------
.alert-checkbox[aria-checked=true] .alert-checkbox-icon { .alert-checkbox[aria-checked=true] .alert-checkbox-icon {
background-color: $alert-wp-checkbox-background-color; background-color: $alert-wp-checkbox-background-color;
border-color: $alert-wp-checkbox-background-color; border-color: $alert-wp-checkbox-background-color;
}
&:after { .alert-checkbox[aria-checked=true] .alert-checkbox-inner {
position: absolute; position: absolute;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: $alert-wp-background-color; border-color: $alert-wp-background-color;
top: -2px; top: -2px;
left: 3px; left: 3px;
width: 6px; width: 6px;
height: 12px; height: 12px;
border-left: none; border-left: none;
border-top: none; border-top: none;
content: ''; content: '';
transform: rotate(45deg); transform: rotate(45deg);
}
} }

2
ionic/themes/dark.wp.scss
View File

@ -69,7 +69,7 @@ $toggle-wp-handle-background-color-off: map-get($colors-wp, light) !default;
// Windows Input // Windows Input
// -------------------------------------------------- // --------------------------------------------------
$input-wp-border-color: map-get($colors-wp, light) !default; $input-wp-border-color: rgba(0,0,0,0.5) !default;
// Windows Body // Windows Body

2
ionic/themes/default.wp.scss
View File

@ -52,7 +52,7 @@ $item-wp-padding-icon-bottom: 10px !default;
// Windows Input // Windows Input
// -------------------------------------------------- // --------------------------------------------------
$input-wp-border-color: #818181 !default; $input-wp-border-color: rgba(0,0,0,0.5) !default;
// Windows Body // Windows Body