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 {
|
||||
width: 100%;
|
||||
border: 1px solid #d9d9d9;
|
||||
color: #bdbdbd;
|
||||
color: #000;
|
||||
height: 140px;
|
||||
padding: 20px;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
resize:none;
|
||||
&:focus,
|
||||
&:active {
|
||||
|
@ -182,7 +184,7 @@
|
|||
span {
|
||||
background:#fff;
|
||||
border: 1px solid #e4e3e3;
|
||||
width: 130px;
|
||||
min-width: 130px;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
padding: 8px 0;
|
||||
|
@ -242,4 +244,33 @@
|
|||
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