diff --git a/scss/post.scss b/scss/post.scss index 3f48a4a6b7391ef11a353bdfebc1fcf787ff987e..5954ef73630fea56d230c703f0c621203a9ac1bf 100644 --- a/scss/post.scss +++ b/scss/post.scss @@ -1,2 +1,470 @@ /* This file is empty by purpose. You can add your SCSS code here if you really need to. */ + +/*************************** Variables section. *****************************/ +// Create variables to override the default value for variables used in the Moodle and Bootstrap SCSS files. + +/*************************** Import section *****************************/ +@import "fontawesome"; +@import "bootstrap"; +@import "moodle"; + +/*************************** Colors ****************************/ + +$hsh-accent: #ffd200; + +/*************************** Rules section ****************************/ + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + line-height: 1.5; +} + +// @import "moodle" sorgt irgendwie dafür das die a links einer +// Frage in einem Kurs (Die anzeigen wie viele Aufagben bereits gelöst wurden) +// weiße color bekommen was die Buttons unsichtbar werden lässt (da weißer Hintergrund) +.qnbutton.btn-secondary { + color: #212529; + + &:hover { + color: #212529; + } +} + +nav { + &.fixed-top { + border-bottom: 1px solid $card-border-color; + background-color: $primary !important; + + &.bg-dark { + // TODO: Anlegen einer Backendeinstellung und einer Variable für die Farbe + background-color: #575151 !important; + } + + .navbar-brand, + .nav-item .popover-region .icon, + .nav-item .localnavbarplus .icon, + .nav-item .nav-link, + .usermenu .login, + .usermenu .login a, + .dropdown-toggle { + color: $white; + } + + .nav-item .nav-link, + .navbar-brand { + &:focus, + &:hover { + color: $white; + } + } + + .avatar { + img { + border-radius: 50%; + } + } + } +} + +#nav-drawer { + // Correcting second nav group spacing + .list-group.mt-1 { + margin-top: 1rem !important; + } + + .list-group-item { + padding-top: 6px; + padding-bottom: 6px; + word-break: break-word; + + // Removes margin of all custom navigation entries + &[data-isexpandable="0"] { + margin-top: 0; + } + + &.localboostnavigationcollapsibleparent { + .media-left { + display: none; + } + } + + &[aria-expaned="1"], + &[data-key^="coursehome"] { + font-weight: bold; + } + + // Adds margin to all custom navigation entries/sections that are the first of their kind (to separate content) + &[data-key^="mycourses"], + &[data-key^="localboostnavigationcoursesections1"], + &[data-key^="localboostnavigationcustombottomusers1"], + &[data-key^="localboostnavigationcustombottomadmins1"] { + margin-top: 1rem !important; + } + + &.localboostnavigationcollapsibleparent { + // Correcting the position of dropdown icon + & > div::after { + top: 5px; + } + } + + &.active, + &[data-key^="coursehome"] { + border-color: $list-group-border-color; + border-left: 7px solid $hsh-accent; + background-color: lighten($hsh-accent, 35%); + color: $list-group-action-color; + } + + &.p-l-3 { + padding-left: 2rem; + } + + .media { + align-items: center; + } + + .icon { + display: flex; + align-items: center; + } + } +} + +input[type="checkbox"] { + position: relative; + + &:focus { + box-shadow: 0 0 0 0.2rem rgba($hsh-accent, .25) + } + + &:checked::before { + content: ""; + width: 15px; + height: 15px; + position: absolute; + background: $hsh-accent; + border-radius: 3px; + left: -1px; + top: -1px; + } + + &:checked::after { + content: ""; + width: 9px; + height: 5px; + position: absolute; + top: 3px; + left: 2px; + border: 2px solid #fff; + border-top: none; + border-right: none; + background: transparent; + transform: rotate(-45deg); + } +} + + +#hshcourselistul { + li.list-group-item { + &.active, + &.active:hover, + &:focus { + background-color: $primary; + border-color: $primary; + + a { + color: #fff; + } + } + + &:hover { + background-color: $dropdown-link-hover-bg; + } + + &[data-key^="localboostnavigationcustombottomusers"], + &[data-key^="localboostnavigationcustombottomadmins"] { + margin-top: 0; + } + } +} + +.semesternode { + padding-left: 0px !important; +} + +#page-my-index { + #page-header { + .card { + background-color: #f7f7f7; + } + } +} + +#page-header { + .card { + border: none; + } + + .card-body { + padding: 0; + } +} + +.block-region { + .block { + .footer, + .user { + a { + color: $text-muted; + } + } + } +} + +.block_hshcourselist { + h5::before { + content: "\f002" !important; + + } +} + +a[data-action="hide-course"] { + display: none !important; +} + +.block_course_overview_campus { + h5::before { + content: "\f2bb" !important; + + } +} + +footer#page-footer { + text-align: center; + color: white; + background-color: $primary !important; + + .block-region { + text-align: left; + } + + .card { + color: white; + background-color: $primary; + border: none; + + a, + .icon { + color: white; + } + + .card-text { + margin-top: 2px !important; + padding-top: 14px; + border-top: 1px solid; + } + } + + [data-region="footer-left"], + [data-region="footer-middle"], + [data-region="footer-right"] { + p { + margin-bottom: 0.5rem; + + &:before { + font-family: FontAwesome; + display: inline-block; + padding-right: 6px; + vertical-align: middle; + content: "\f0da"; + } + } + } + + [data-region="footer-left"] { + .card-title { + &:before { + content: "\f0b1"; + } + } + } + + [data-region="footer-middle"] { + .card-title { + &:before { + content: "\f059"; + } + } + } + + [data-region="footer-right"] { + .card-title { + &:before { + content: "\f143"; + } + } + } + + ul.list { + li { + border: none; + padding-top: 0 !important; + padding-bottom: 0 !important; + + &:before { + font-family: FontAwesome; + display: inline-block; + padding-right: 6px; + vertical-align: middle; + content: "\f0da"; + } + + .link { + margin-left: 15px; + margin-top: -23px; + } + } + } +} + +.m-l-3, +.m-x-3 { + margin-left: 0 !important; +} + +#goto-top-link { + z-index: 1; +} + +#page-login-index { + .card-body .col-md-5 { + align-items: stretch; + display: flex; + flex-flow: column; + + &:nth-child(2){ + div:nth-child(2){ + display: none; + } + } + } + + #login { + display: flex; + flex-flow: column; + width: 100%; + height: 100%; + } + + #loginbtn { + margin-top: auto !important; + } + + .rememberpass { + display: none; + } + + +} + +#categoryquestions { + .modifiername { + @media screen and (min-width: 400px) { + width: 200px; + text-align: right; + } + } +} + +div.course-content { + ul { + &.topics, + &.weeks, + &.periods { + li.section.main { + padding-top: 1.5rem; + padding-bottom: 0.5rem; + } + } + } +} + + +.section .activity { + & .contentafterlink, + & .availabilityinfo { + margin-top: 0; + margin-bottom: 1em; + + p { + margin-top: 0; + } + } +} + +/* +Dashboard +https://moodev.elc.hs-hannover.de/develop/my/ +- Meine Kurse +- Kursübersicht +Kurs +https://moodev.elc.hs-hannover.de/develop/course/view.php?id=16#section-1 +- Sektionsüberschriften +- Aktiväten/Material +Datei +- https://moodev.elc.hs-hannover.de/develop/mod/resource/view.php?id=76&forceview=1 +Feedback +- https://moodev.elc.hs-hannover.de/develop/mod/feedback/view.php?id=71&forceview=1 +Gegenseite beurteilung +- https://moodev.elc.hs-hannover.de/develop/mod/workshop/view.php?id=77&forceview=1 +Textseite +- https://moodev.elc.hs-hannover.de/develop/mod/page/view.php?id=64&forceview=1 + +*/ + +#page { + // For global links + /* + .content { + a[href]:not([href='']):not(.btn):not(.aabtn):not(.quickeditlink):not(#hshcourselistul a):not(#change-user-visibility):not(.arrow_link):not(#coc-hidecourseicon-4):not(.dropdown-item) { + color: $primary; + border-bottom: 1px solid $hsh-accent; + + &:hover { + color: $primary; + text-decoration: none; + border-bottom: 1px solid $hsh-accent; + background-color: rgba($primary, 0.3); + } + } + } + */ + + // For specific sections + .contentwithlink, + .contentwithoutlink, + .contentafterlink, + .forumpost .body-content-container, + .forgetpass, + .mod_introbox, + .feedback_description, + .phasetasks, + .generalbox p, + #intro, + .block_myoverview .course-listitem, + .block_course_overview_campus .coursebox h3 + { + a:not(.btn) { + color: $primary; + border-bottom: 1px solid $hsh-accent; + + &:hover { + color: $primary; + text-decoration: none; + border-bottom: 1px solid $hsh-accent; + background-color: rgba($primary, 0.3); + } + } + } +} \ No newline at end of file