You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.1 KiB
57 lines
1.1 KiB
@import '../split_pane_resizer.scss';
|
|
.split-pane-area{
|
|
height: calc(100vh - 65px);
|
|
|
|
.right_pane_code_wrap{
|
|
position: relative;
|
|
|
|
.editor_nodte_area,
|
|
.student_notes{
|
|
position: absolute;
|
|
z-index: 100;
|
|
}
|
|
.student_notes{
|
|
right: 0px;
|
|
top: 50%;
|
|
width: 36px;
|
|
height: 36px;
|
|
margin-top: -18px;
|
|
border-radius: 50%;
|
|
background: #5091FF;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
transform: translateX(18px);
|
|
cursor: pointer;
|
|
opacity: 0.5;
|
|
transition: all .3s;
|
|
&:hover{
|
|
opacity: 1;
|
|
transform: translateX(-10px);
|
|
}
|
|
}
|
|
.editor_nodte_area{
|
|
right: 10px;
|
|
top: 50%;
|
|
width: 450px;
|
|
height: 200px;
|
|
margin-top: -100px;
|
|
background: #fff;
|
|
border-radius: 5px;
|
|
padding: 14px 10px 0;
|
|
// opacity: ;
|
|
transform: translateX(500px);
|
|
transition: all .3s;
|
|
&.active{
|
|
transform: translateX(0px);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.right_pane_code_wrap{
|
|
position: relative;
|
|
// background-color: #222;
|
|
height: 100%;
|
|
}
|