toggle switch style added
switch off with a class comment-off on parent
This commit is contained in:
parent
166db42642
commit
b4c5d86bee
2 changed files with 34 additions and 3 deletions
File diff suppressed because one or more lines are too long
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Add table
Reference in a new issue