toggle switch style added

switch off with a class comment-off on parent
This commit is contained in:
jamilrehman 2016-06-29 17:28:13 +05:00
parent 166db42642
commit b4c5d86bee
2 changed files with 34 additions and 3 deletions

File diff suppressed because one or more lines are too long

View file

@ -166,9 +166,11 @@
textarea { textarea {
width: 100%; width: 100%;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
color: #bdbdbd; color: #000;
height: 140px; height: 140px;
padding: 20px; padding: 20px;
font-size: 14px;
line-height: 18px;
resize:none; resize:none;
&:focus, &:focus,
&:active { &:active {
@ -182,7 +184,7 @@
span { span {
background:#fff; background:#fff;
border: 1px solid #e4e3e3; border: 1px solid #e4e3e3;
width: 130px; min-width: 130px;
font-size: 16px; font-size: 16px;
line-height: 16px; line-height: 16px;
padding: 8px 0; padding: 8px 0;
@ -242,4 +244,33 @@
line-height: 16px; line-height: 16px;
} }
} }
.cb-vjs-togglecomments-view{
flex: 0 0 auto;
height: 20px;
margin: 11px 0 0;
outline:none;
position: relative;
text-align: center;
width: 38px;
background: #fff;
border-radius: 2em;
padding: 2px;
cursor: pointer;
span{
position: absolute;
width: 16px;
height: 16px;
top: 2px;
left: 2px;
border-radius: 50%;
background: #8f8f8f;
@include alltransition($ease-property: all, $ease-time: 0.4s, $ease: ease-in-out);
}
&.comment-off{
span{
background: #0080b4;
left: 20px;
}
}
}
} }