This commit is contained in:
2019-09-05 22:55:40 +02:00
parent d8ac086b17
commit 1407e9b77a
12 changed files with 210 additions and 263 deletions

35
style/_page_course.scss Normal file
View File

@@ -0,0 +1,35 @@
#course {
#notes_box {
position: absolute;
width: 70%;
top: 0;
right: 0;
height: 100%;
#notes_feedback {
position: absolute;
top: 0;
right: 0;
height: 41.35px;
width: 50%;
text-align: right;
span {
position: absolute;
width: 100%;
display: inline-block;
top: 50%;
transform: translateY(-50%);
right: 0;
}
}
#notes {
width: 100%;
height: calc(100% - 43.35px);
background: $gray-400;
border-radius: 0.5em;
}
}
}

View File

@@ -1,80 +1,16 @@
@import 'quill/quill.bubble';
@import 'quill/quill.snow';
.ql-toolbar.ql-snow {
border: none;
}
.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: $col_main_2;
}
.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: $col_main_2;
}
.ql-editor.ql-blank::before {
left: 1.5em;
color: $gray-400;
}
.editor {
position: relative;
height:100%;
.edi_container {
height: calc(100% - 2em); /* 2 * 2em*/
overflow: hidden;
position: relative;
.edi_content {
height:auto;
position: relative;
.ql-container {
padding: 0;
}
.ql-editor {
padding: 0;
font-family: $font_para;
font-size: 14px;
div {
margin: 0;
&.edi_header {
color: $gray-500;
font-style: italic;
line-height: 3em;
}
}
p {
text-indent: 1.5em;
margin: 0;
padding: 0;
text-align: justify;
line-height: 1.5em;
}
}
}
}
/* Write - Navbar */
.edi_nav {
position: absolute;
bottom: 0;
right: 0;
left: 0;
.nav-elem {
color: $gray-500;
display: inline-block;
cursor: pointer;
width: 1.25em;
font-size: 1.25em;
&:hover {
color: $gray-700;
}
&.prev, &.curr, &.next {
visibility: hidden;
}
&.next {
float: right;
}
}
}
}

View File

@@ -154,7 +154,7 @@ a.button:active {
#main {
display: none;
position: absolute;
top: 138px;
top: calc(138px + 4em);
bottom: 2rem;
right:0;
left:0;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -20,3 +20,4 @@
@import 'page_logon';
@import 'page_workshops';
@import 'page_course';