Skip to content
Snippets Groups Projects
Select Git revision
  • 99721a501c06875f9db5901bd882a85c1b0dc448
  • main default protected
2 results

post.scss

Blame
    • post.scss 8.71 KiB 
    /* 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  *****************************/

/*************************** 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);
  }
}

// Theme specific changes for this plugin https://lab.it.hs-hannover.de/elc/moodle-block_hshcourselist
#hshcourselistul {
  li.list-group-item {
    &.active,
    &.active:hover,
    &:focus {
      background-color: $primary;
      border-color: $primary;

      a {
        color: #fff;
      }
    }

    &[data-key^="localboostnavigationcustombottomusers"],
    &[data-key^="localboostnavigationcustombottomadmins"] {
      margin-top: 0;
    }
  }
}

// Theme Blockicon settings needs to be enabled
@if variable-exists(blockicon) {
  @if $blockicon == 'yes' { 
    .block_hshcourselist {
      h5::before {
        content: "\f002" !important;
      }
    }
  }
}
// courselist changes end

.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;
      }
    }
  }
}

a[data-action="hide-course"] {
  display: none !important;
}

.site-name {
  display: none !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;
      }
    }
  }
}

// Global changes
.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;
  }
}

a[href*="@"]::before {
  font-family: FontAwesome;
  content: "\f003";
  padding-right: 5px;
}

#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);
      }
    }
  }
}