css/menubar-joomla.css

   1 @media (min-width: $breakMin) {
   2
   3   body.crm-menubar-over-cms-menu.crm-menubar-visible {
   4     padding-top: $menubarHeight;
   5   }
   6
   7   body.crm-menubar-over-cms-menu.crm-menubar-visible.crm-menubar-wrapped {
   8     padding-top: calc($menubarHeight * 2);
   9   }
  10
  11   body.crm-menubar-below-cms-menu.crm-menubar-visible {
  12     margin-top: $menubarHeight;
  13   }
  14
  15   body.crm-menubar-below-cms-menu.crm-menubar-visible.crm-menubar-wrapped {
  16     margin-top: calc($menubarHeight * 2);
  17   }
  18 }
  19
  20 @media (max-width: $breakMax) {
  21
  22   body #civicrm-menu-nav {
  23     position: absolute;
  24   }
  25
  26   body #civicrm-menu-nav .crm-menubar-toggle-btn {
  27     margin-top: 3px;
  28     margin-left: 6px;
  29   }
  30 }
  31
  32 /* Joomla 4 */
  33
  34 body.admin.com_civicrm.layout-default #crm-qsearch label {
  35   color: #fff;
  36 }
  37
  38 @media (min-width: $breakMin) {
  39
  40   body.crm-menubar-below-cms-menu.crm-menubar-visible.layout-default {
  41     margin-top: 0;
  42   }
  43
  44   body.crm-menubar-below-cms-menu.layout-default > #civicrm-menu-nav #civicrm-menu {
  45     top: calc($menubarHeight + 26px);
  46     z-index: 10000;
  47     position: absolute;
  48     border-top: 1px solid #aaa;
  49   }
  50
  51   body.crm-menubar-below-cms-menu.layout-default #header {
  52     margin-bottom: calc($menubarHeight + 1px);
  53   }
  54
  55   body.crm-menubar-below-cms-menu.crm-menubar-wrapped.layout-default #header {
  56     margin-bottom: 81px;
  57   }
  58 }
  59
  60 @media (max-width: $breakMin) {
  61
  62   body.com_civicrm.layout-default #header {
  63     margin-bottom: $menubarHeight;
  64   }
  65
  66   body.admin.com_civicrm.layout-default #civicrm-menu-nav {
  67     margin-top: calc($menubarHeight + 14px);
  68     background: #1b1b1b;
  69     z-index: 1000;
  70     height: $menubarHeight;
  71     border-top: 1px solid #aaa;
  72   }
  73 }