extend use of bootstrap to whole page

This commit is contained in:
2019-10-10 19:57:56 +02:00
parent 07b951ec00
commit 8075bc805a
10 changed files with 96 additions and 217 deletions

View File

@@ -1,40 +1,38 @@
#course {
#docs {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: calc(30% - 1em);
overflow: auto;
#upload_file {
#upload_file {
margin-bottom: 1em;
}
#doc_list {
overflow: auto;
#doc_list_box {
height: calc(100% - 54px);
.doc-item {
&:not(:last-child) {
margin-bottom: 1em;
}
.link {
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
#doc_list {
max-width: 100%;
.doc-item {
&:not(:last-child) {
margin-bottom: 1em;
}
.link {
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
}
}
#notes_box {
position: absolute;
width: 70%;
top: 0;
right: 0;
height: 100%;
#notes {
height: calc(100% - 27.35px);
border: 2px solid $gray-400;
border-radius: 0 0 5px 5px;
padding: 1em 0.5em 1em 0;
background: $gray-200;
}
#notes_feedback {
position: absolute;
@@ -47,33 +45,13 @@
.alert {
font-size: 0.8em;
margin: 0;
padding: 0.2em 0.5em;
padding: 0 0.5em;
line-height: 27.35px;
&.note-error {
color: $col_main_2;
}
}
}
.ql-toolbar.ql-snow {
border-radius: 5px 5px 0 0;
background: $gray-400;
padding: 0;
border: 2px solid #dbd1cc;
border-bottom: none;
.ql-color-picker .ql-picker-label, .ql-icon-picker .ql-picker-label {
margin-top: -3px;
}
}
#notes {
width: 100%;
height: calc(100% - 27.35px);
border: 2px solid $gray-400;
border-radius: 0 0 5px 5px;
padding: 1em 0.5em 1em 0;
background: $gray-200;
}
}
}