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

feat(windows): initial add for windows badges

Browse Source 
also hide ion-button-effect and change alert buttons to full width

references #5565
This commit is contained in:
Brandy Carney
2016-02-23 13:53:11 -05:00
parent 6cd0c45f7c
commit 1fc0a23c11
4 changed files with 34 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ionic/components.wp.scss
View File

@ -8,5 +8,6 @@
"components/app/app.wp",
"components/action-sheet/action-sheet.wp",
"components/alert/alert.wp",
"components/badge/badge.wp",
"components/button/button.wp",
"components/toolbar/toolbar.wp";

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

@ -226,7 +226,7 @@ $alert-wp-buttons-justify-content: flex-end !default;
flex-wrap: wrap-reverse;
&.vertical .alert-button {
margin-left: 50.5%;
width: 100%;
margin-top: 5px;
&:first-child:not(:only-child) {

27
ionic/components/badge/badge.wp.scss Normal file
View File

@ -0,0 +1,27 @@
@import "./badge";
// Windows Badge
// --------------------------------------------------
$badge-wp-border-radius: 0 !default;
$badge-wp-background-color: map-get($colors-wp, primary) !default;
ion-badge {
border-radius: $badge-wp-border-radius;
background-color: $badge-wp-background-color;
color: color-inverse($badge-wp-background-color);
}
// Generate Windows Badge Colors
// --------------------------------------------------
@each $color-name, $color-value in $colors-wp {
.badge-#{$color-name} {
background-color: $color-value;
color: color-inverse($color-value);
}
}

6
ionic/components/button/button.wp.scss
View File

@ -231,7 +231,7 @@ $button-wp-small-icon-font-size: 1.4em !default;
border-color: transparent;
&:hover:not(.disable-hover) {
border-color: transparent;
border-color: transparent;
}
}
@ -239,6 +239,10 @@ $button-wp-small-icon-font-size: 1.4em !default;
padding: 0;
}
ion-button-effect {
// wp does not use the button effect
display: none;
}
// Generate Windows Button Colors
// --------------------------------------------------