Skip to content

Commit 95011df

Browse files
committed
use html fix from master branch
2 parents 3f4cdfc + dfed889 commit 95011df

File tree

3 files changed

+32
-8
lines changed

3 files changed

+32
-8
lines changed

css/switcher.css

Lines changed: 29 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -40,12 +40,28 @@
4040
-o-transition: all .4s ease-out .1s;
4141
-ms-transition: all .4s ease-out .1s;
4242
transition: all .4s ease-out .1s;
43+
4344
}
4445

4546
.stoggler, .stoggler span
4647
{
47-
display: inline-block;
48-
vertical-align: middle;
48+
float: left;
49+
}
50+
51+
.swraper[dir=rtl] .stoggler,
52+
.swraper[dir=rtl] .stoggler span
53+
{
54+
float: right;
55+
}
56+
57+
/* clear fix */
58+
.swraper:before, .swraper:after,
59+
.stoggler:before, .stoggler:after
60+
{
61+
content: "";
62+
display: table;
63+
clear: both;
64+
#zoom: 1;
4965
}
5066

5167
.stoggler .sblob
@@ -64,7 +80,8 @@
6480
transform: translate( -50%, -50%);
6581
}
6682

67-
.stoggler .slabel-on, .stoggler .slabel-off
83+
.stoggler .slabel-on,
84+
.stoggler .slabel-off
6885
{
6986
width: 50%;
7087
text-align: center;
@@ -79,7 +96,7 @@
7996
.swraper.light
8097
{
8198
border-radius: 99px;
82-
border: 1px solid rgba( 50, 50, 50, .3 );
99+
border: 1px solid rgba( 100, 100, 100, .3 );
83100
}
84101

85102
.swraper.light .stoggler
@@ -108,7 +125,12 @@
108125
border-radius: 99px;
109126
background: -webkit-linear-gradient( #f5f5f5, #cfcfcf );
110127
background: linear-gradient( #f5f5f5, #cfcfcf );
111-
box-shadow: 1px 1px 2px #888;
128+
box-shadow: 0 0 4px 1px #999;
129+
}
130+
131+
.swraper.light .stoggler.on .sblob
132+
{
133+
box-shadow: 0 0 10px -1px #005e00;
112134
}
113135

114136
.swraper.light .stoggler .sblob:hover
@@ -118,7 +140,8 @@ background: -o-linear-gradient(#e4e4e4, #f9f9f9);
118140
background: linear-gradient(#e4e4e4, #f9f9f9);
119141
}
120142

121-
.swraper.light .stoggler .slabel-on, .swraper.light .stoggler .slabel-off{}
143+
.swraper.light .stoggler .slabel-on,
144+
.swraper.light .stoggler .slabel-off{}
122145

123146
/* ------------ END THEME LIGHT ------------ */
124147

index.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
<html dir="rtl">
1+
<!DOCTYPE html>
2+
<html dir="rt0l">
23
<head>
34
<title>Switcher</title>
45
<meta charset="utf-8" />

js/switcher.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
var templates = {
1010

1111
$switcher : $( '<span>', {'class': 'swraper'} ).hide(),
12-
$toggler: $( '<spa>', {'class': 'stoggler' } ),
12+
$toggler: $( '<span>', {'class': 'stoggler' } ),
1313
$on: $( '<span>', {'class': 'slabel-on'} ),
1414
$off: $( '<span>', {'class': 'slabel-off'} ),
1515
$blob: $( '<span>', {'class': 'sblob'} ),

0 commit comments

Comments
 (0)