Skip to content

Commit a594531

Browse files
committed
feat(windows): more UI cleanup
references #5565
1 parent 0267656 commit a594531

File tree

4 files changed

+23
-17
lines changed

4 files changed

+23
-17
lines changed

ionic/components/action-sheet/action-sheet.wp.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
$action-sheet-wp-text-align: left !default;
88

9-
$action-sheet-wp-background-color: #F2F2F2 !default;
9+
$action-sheet-wp-background-color: #ffffff !default;
1010
$action-sheet-wp-box-shadow: 0px -1px 0px rgba(0,0,0,0.2) !default;
1111

1212
$action-sheet-wp-title-padding: 19px 16px 17px !default;

ionic/components/alert/alert.wp.scss

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -196,6 +196,9 @@ ion-alert {
196196
white-space: nowrap;
197197
}
198198

199+
// Windows Alert Checkbox Icon
200+
// --------------------------------------------------
201+
199202
.alert-checkbox-icon {
200203
position: relative;
201204
top: 13px;
@@ -209,24 +212,27 @@ ion-alert {
209212
background-color: transparent;
210213
}
211214

215+
// Windows Alert Checkbox Icon Checked
216+
// --------------------------------------------------
217+
212218
.alert-checkbox[aria-checked=true] .alert-checkbox-icon {
213219
background-color: $alert-wp-checkbox-background-color;
214220
border-color: $alert-wp-checkbox-background-color;
221+
}
215222

216-
&:after {
217-
position: absolute;
218-
border-width: 1px;
219-
border-style: solid;
220-
border-color: $alert-wp-background-color;
221-
top: -2px;
222-
left: 3px;
223-
width: 6px;
224-
height: 12px;
225-
border-left: none;
226-
border-top: none;
227-
content: '';
228-
transform: rotate(45deg);
229-
}
223+
.alert-checkbox[aria-checked=true] .alert-checkbox-inner {
224+
position: absolute;
225+
border-width: 1px;
226+
border-style: solid;
227+
border-color: $alert-wp-background-color;
228+
top: -2px;
229+
left: 3px;
230+
width: 6px;
231+
height: 12px;
232+
border-left: none;
233+
border-top: none;
234+
content: '';
235+
transform: rotate(45deg);
230236
}
231237

232238

ionic/themes/dark.wp.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ $toggle-wp-handle-background-color-off: map-get($colors-wp, light) !default;
6969
// Windows Input
7070
// --------------------------------------------------
7171

72-
$input-wp-border-color: map-get($colors-wp, light) !default;
72+
$input-wp-border-color: rgba(0,0,0,0.5) !default;
7373

7474

7575
// Windows Body

ionic/themes/default.wp.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ $item-wp-padding-icon-bottom: 10px !default;
5252
// Windows Input
5353
// --------------------------------------------------
5454

55-
$input-wp-border-color: #818181 !default;
55+
$input-wp-border-color: rgba(0,0,0,0.5) !default;
5656

5757

5858
// Windows Body

0 commit comments

Comments
 (0)