feat(windows): more UI cleanup

references #5565
ionic-team · Feb 25, 2016 · a594531 · a594531
1 parent 0267656
commit a594531
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 17 deletions.
diff --git a/ionic/components/action-sheet/action-sheet.wp.scss b/ionic/components/action-sheet/action-sheet.wp.scss
@@ -6,7 +6,7 @@
 
 $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-title-padding:                   19px 16px 17px !default;

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

diff --git a/ionic/themes/dark.wp.scss b/ionic/themes/dark.wp.scss
@@ -69,7 +69,7 @@ $toggle-wp-handle-background-color-off: map-get($colors-wp, light) !default;
 // 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

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