public/js/views/profile-menu/profile-menu-view.less

   1 .profile-menu {
   2   box-sizing: border-box;
   3   display: inline-block;
   4   position: relative;
   5   padding-left: 19px;
   6
   7   &:before {
   8     content: '';
   9     display: block;
  10     position: absolute;
  11     top: 50%;
  12     left: 0;
  13     height: 4.3rem;
  14     border-right: 1px solid rgba(0, 0, 0, 0.1);
  15     transform: translateY(-50%);
  16   }
  17 }
  18
  19 .profile-menu__avatar {
  20   width: 30px;
  21   min-width: 30px;
  22   height: auto;
  23   margin-right: 9px;
  24   border-radius: 4px;
  25   cursor: pointer;
  26 }
  27
  28 .dropdown.profile-menu__list {
  29   width: 210px;
  30   left: auto;
  31 }
  32
  33 .profile-menu__item {
  34   border-radius: 4px;
  35   padding: 0.5rem 1.3rem;
  36
  37   &:hover {
  38     background-color: #1589c9;
  39   }
  40 }
  41
  42 .profile-menu__item__link {
  43   font-weight: 400;
  44   cursor: pointer;
  45
  46   &:hover {
  47     text-decoration: none;
  48   }
  49 }
  50
  51 .chat-header__action-grouping .profile-menu {
  52   padding-top: 17px;
  53   margin-left: 6px;
  54   margin-right: 12px;
  55 }
  56
  57 .explore-header .profile-menu {
  58   position: absolute;
  59   top: 17px;
  60   right: 20px;
  61 }
  62
  63 .org-page__header-body .profile-menu {
  64   margin-right: -31px;
  65 }
  66
  67 //Specificity issue causes the
  68 //need for a compound class here
  69 .chat-header__action-grouping .dropdown.profile-menu__list {
  70   top: 64px;
  71   right: 5px;
  72 }
  73
  74 .explore-header .dropdown.profile-menu__list {
  75   top: 50px;
  76   right: 0;
  77 }
  78
  79 .org-page__header-body .dropdown.profile-menu__list {
  80   top: 70px;
  81   right: 8px;
  82 }