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

Expanded clickable area for toggle

Browse Source
This commit is contained in:
Max Lynch
2014-03-01 19:06:14 -06:00
parent 2db2729af9
commit a8af0958f3
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_toggle.scss
View File

@@ -8,6 +8,8 @@
.toggle {
position: relative;
display: inline-block;
margin: -$toggle-hit-area-expansion;
padding: $toggle-hit-area-expansion;
&.dragging {
.handle {
@@ -43,8 +45,8 @@
.toggle .handle {
@include transition($toggle-transition-duration ease-in-out);
position: absolute;
top: $toggle-border-width;
left: $toggle-border-width;
top: $toggle-border-width + $toggle-hit-area-expansion;
left: $toggle-border-width + $toggle-hit-area-expansion;
display: block;
width: $toggle-handle-width;
height: $toggle-handle-height;

2
scss/_variables.scss
View File

@@ -433,6 +433,8 @@ $toggle-handle-on-bg-color: $toggle-handle-off-bg-color !default;
$toggle-transition-duration: .2s !default;
$toggle-hit-area-expansion: 5px;
// Checkbox
// -------------------------------