css/menubar-drupal8.css

   1 #toolbar-tray-civicrm {
   2   display: none;
   3 }
   4
   5 body.crm-menubar-visible.crm-menubar-over-cms-menu,
   6 body.crm-menubar-visible.crm-menubar-below-cms-menu {
   7   margin-left: 0 !important;
   8 }
   9
  10 nav#civicrm-menu-nav .crm-menubar-toggle-btn {
  11   margin: 0;
  12   position: absolute;
  13   top: 0;
  14   height: 38px;
  15 }
  16 #crm-menubar-state:checked ~ .crm-menubar-toggle-btn {
  17   left: 0!important;
  18 }
  19 nav#civicrm-menu-nav .crm-menubar-toggle-btn span.crm-menu-logo {
  20   top: 10px;
  21   left: 20px;
  22 }
  23 nav#civicrm-menu-nav .crm-menubar-toggle-btn-icon {
  24   left: 44px;
  25 }
  26
  27 @media (min-width: $breakMin) {
  28
  29   body.crm-menubar-visible.crm-menubar-over-cms-menu #toolbar-administration {
  30     display: none;
  31   }
  32
  33   body.crm-menubar-visible.crm-menubar-over-cms-menu {
  34     padding-top: $menubarHeight !important;
  35   }
  36   body.crm-menubar-visible.crm-menubar-over-cms-menu.crm-menubar-wrapped {
  37     padding-top: calc($menubarHeight * 2) !important;
  38   }
  39   /* The Drupal menu is 40px tall so we add that to our menubar height */
  40   body.crm-menubar-visible.crm-menubar-below-cms-menu {
  41     padding-top: calc($menubarHeight + 40px) !important;
  42   }
  43   body.crm-menubar-visible.crm-menubar-below-cms-menu.crm-menubar-wrapped {
  44     padding-top: calc($menubarHeight * 2 + 40px) !important;
  45   }
  46
  47   body.crm-menubar-below-cms-menu > #civicrm-menu-nav ul#civicrm-menu {
  48     z-index: 1000;
  49     top: 40px;
  50   }
  51
  52 }
  53
  54 @media (max-width: 609px) {
  55   nav#civicrm-menu-nav {
  56     position: absolute;
  57   }
  58 }