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

feat(windows): add select component

Browse Source 
references #5565
This commit is contained in:
Brandy Carney
2016-02-23 19:10:40 -05:00
parent a9054ad0b8
commit 781ea831cd
2 changed files with 51 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ionic/components.wp.scss
View File

@@ -19,5 +19,6 @@
"components/radio/radio.wp",
"components/searchbar/searchbar.wp",
"components/segment/segment.wp",
"components/select/select.wp",
"components/toggle/toggle.wp",
"components/toolbar/toolbar.wp";

50
ionic/components/select/select.wp.scss Normal file
View File

@@ -0,0 +1,50 @@
@import "../../globals.wp";
@import "./select";
// Material Design Select
// --------------------------------------------------
$select-wp-padding-top: ($item-wp-padding-top / 2) !default;
$select-wp-padding-right: ($item-wp-padding-right / 2) !default;
$select-wp-padding-bottom: ($item-wp-padding-bottom / 2) !default;
$select-wp-padding-left: ($item-wp-padding-left / 2) !default;
$select-wp-border-width: 2px !default;
$select-wp-border-color: #B5B5B5 !default;
$select-wp-icon-width: 18px !default;
$select-wp-icon-arrow-width: 2px !default;
$select-wp-icon-color: $select-wp-border-color !default;
ion-select {
padding: $select-wp-padding-top $select-wp-padding-right $select-wp-padding-bottom $select-wp-padding-left;
border: $select-wp-border-width solid $select-wp-border-color;
}
.item-select ion-label {
margin-left: 0;
}
.select-icon {
position: relative;
width: $select-wp-icon-width;
height: $select-wp-icon-width;
}
.select-icon .select-icon-inner {
position: absolute;
display: block;
width: ($select-wp-icon-width / 2);
height: ($select-wp-icon-width / 2);
left: 5px;
top: 3px;
border-top: $select-wp-icon-arrow-width solid $select-wp-icon-color;
border-right: $select-wp-icon-arrow-width solid $select-wp-icon-color;
transform: rotate(135deg);
pointer-events: none;
}