toggles
This commit is contained in:
Родитель
94d54d8d84
Коммит
55b1e3fe14
|
@ -347,9 +347,10 @@ textarea,
|
|||
left: 0;
|
||||
width: 50px;
|
||||
height: 24px;
|
||||
border: 0;
|
||||
border: 1px solid #b5b5b5;
|
||||
border-radius: 0;
|
||||
background-color: #bebebe;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.toggle:before {
|
||||
top: 1px;
|
||||
|
@ -370,7 +371,7 @@ textarea,
|
|||
}
|
||||
.toggle.active:before {
|
||||
left: auto;
|
||||
right: 15px;
|
||||
right: 14px;
|
||||
color: #fff;
|
||||
content: "On";
|
||||
}
|
||||
|
|
|
@ -392,9 +392,6 @@ textarea,
|
|||
.toggle:before {
|
||||
display: none;
|
||||
}
|
||||
.toggle:active .toggle-handle {
|
||||
width: 35px;
|
||||
}
|
||||
.toggle.active {
|
||||
border: 2px solid #4cd964;
|
||||
background-color: transparent;
|
||||
|
|
|
@ -1145,9 +1145,6 @@ hr {
|
|||
.platform-ios .toggle:before {
|
||||
display: none;
|
||||
}
|
||||
.platform-ios .toggle:active .toggle-handle {
|
||||
width: 35px;
|
||||
}
|
||||
.platform-ios .toggle.active {
|
||||
border: 2px solid #4cd964;
|
||||
background-color: transparent;
|
||||
|
@ -1501,9 +1498,10 @@ hr {
|
|||
left: 0;
|
||||
width: 50px;
|
||||
height: 24px;
|
||||
border: 0;
|
||||
border: 1px solid #b5b5b5;
|
||||
border-radius: 0;
|
||||
background-color: #bebebe;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.platform-android .toggle:before {
|
||||
top: 1px;
|
||||
|
@ -1524,7 +1522,7 @@ hr {
|
|||
}
|
||||
.platform-android .toggle.active:before {
|
||||
left: auto;
|
||||
right: 15px;
|
||||
right: 14px;
|
||||
color: #fff;
|
||||
content: "On";
|
||||
}
|
||||
|
|
|
@ -148,8 +148,6 @@ $(function() {
|
|||
}
|
||||
var calculateToggle = function () {
|
||||
var currentTop = win.scrollTop();
|
||||
|
||||
console.log('yep');
|
||||
|
||||
if(currentTop >= toggleTop) {
|
||||
platformToggle.addClass('fixed');
|
||||
|
|
|
@ -491,9 +491,10 @@ textarea,
|
|||
left: 0;
|
||||
width: 50px;
|
||||
height: 24px;
|
||||
border: 0;
|
||||
border: 1px solid #b5b5b5;
|
||||
border-radius: 0;
|
||||
background-color: #bebebe;
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.1);
|
||||
}
|
||||
&:before {
|
||||
top: 1px;
|
||||
|
@ -515,7 +516,7 @@ textarea,
|
|||
}
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 15px;
|
||||
right: 14px;
|
||||
color: #fff;
|
||||
content: "On";
|
||||
}
|
||||
|
|
|
@ -521,10 +521,6 @@ textarea,
|
|||
&:before {
|
||||
display: none;
|
||||
}
|
||||
&:active .toggle-handle {
|
||||
padding-right: 4px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
// Active state for toggle
|
||||
&.active {
|
||||
border: 2px solid $positive-color;
|
||||
|
|
Загрузка…
Ссылка в новой задаче