theme/boost/scss/moodle/blocks.scss

   1 .blockmovetarget .accesshide {
   2     position: relative;
   3     left: initial;
   4 }
   5
   6 .block_search_forums .searchform {
   7     /* Override plugin's default. */
   8     text-align: left;
   9 }
  10
  11 .block.block_navigation .block_tree ul,
  12 .block_settings .block_tree ul {
  13     margin-left: 0;
  14 }
  15
  16 .block .block-controls {
  17     .dropdown-toggle {
  18         /* So that the caret takes the colour of the icon. */
  19         color: #999;
  20
  21         &::after {
  22             margin-left: 0;
  23         }
  24     }
  25 }
  26
  27 $blocks-column-width: 250px !default;
  28
  29 [data-region="blocks-column"] {
  30     width: $blocks-column-width;
  31     float: right;
  32 }
  33
  34 $blocks-plus-gutter: $blocks-column-width + $grid-gutter-width;
  35
  36 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
  37 #region-main-settings-menu {
  38     position: relative;
  39     float: left;
  40     width: 100%;
  41 }
  42 #region-main-settings-menu > div {
  43     position: absolute;
  44     right: 0;
  45     z-index: 100;
  46     margin: 1rem;
  47 }
  48 .region_main_settings_menu_proxy {
  49     width: 4rem;
  50     height: 2rem;
  51     background-color: $card-bg;
  52     margin-left: $card-spacer-x / 2;
  53     margin-bottom: $card-spacer-x / 2;
  54     border-bottom-left-radius: 0.5rem;
  55     float: right;
  56 }
  57 #region-main-settings-menu.has-blocks,
  58 #region-main.has-blocks {
  59     display: inline-block;
  60     width: calc(100% - #{$blocks-plus-gutter});
  61     @include media-breakpoint-down(md) {
  62         width: 100%;
  63     }
  64 }
  65
  66 [data-region="blocks-column"] {
  67     @include media-breakpoint-down(md) {
  68         width: 100%;
  69     }
  70 }