<commit_before>@import "topcoder/tc-includes";
@import "topcoder/tc-buttons";

$user-dropdown-bg: #FAFAFB;
$placeholder-bg: #B47DD6;
$username-color: #737380;

.UserDropdownMenu {
  padding: 15px 20px;
  background-color: $user-dropdown-bg;
  display: inline-block;
  position: relative;

  &.non-logged-in {
    .login-button {

    }

    .join-button {
      margin-left: 20px;
    }
  }

  .dropdown-menu-header {
    cursor: pointer;
    
    .user-image {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin-right: 10px;
      border-radius: 50%;
      vertical-align: middle;
    }

    .username {
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 14px;
      line-height: 16px;
      color: $username-color;
      margin-right: 10px;
      display: inline-block;

      @media screen and (max-width: 768px) {
        display: none;
      }
    }

    .dropdown-arrow {
      position: relative;
      top: -2px;
      display: inline-block;
    }
  }

  .Dropdown {
    margin-top: 8px;
    padding-bottom: 10px;<commit_msg>AS#102852633435494, Integrate new NavBar into topcoder-app<commit_after>@import "topcoder/tc-includes";
@import "topcoder/tc-buttons";

$user-dropdown-bg: #FAFAFB;
$placeholder-bg: #B47DD6;
$username-color: #737380;

.UserDropdownMenu {
  padding: 15px 20px;
  background-color: $user-dropdown-bg;
  display: inline-block;
  position: relative;

  &.non-logged-in {
    .login-button {

    }

    .join-button {
      margin-left: 20px;
    }
  }

  .dropdown-menu-header {
    cursor: pointer;
    display: flex;
    align-items: center;
    
    .user-image {
      display: inline-block;
      width: 35px;
      height: 35px;
      margin-right: 10px;
      border-radius: 50%;
      vertical-align: middle;
    }

    .username {
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 14px;
      line-height: 16px;
      color: $username-color;
      @include ellipsis;
      margin: 0px;
      margin-right: 10px;
      display: inline-block;
      overflow: hidden;

      @media screen and (max-width: 768px) {
        display: none;
      }
    }

    .dropdown-arrow {
      position: relative;
      top: 2px;
      display: inline-block;
    }
  }

  .Dropdown {
    margin-top: 8px;
    padding-bottom: 10px;
{'fraction_non_alphanumeric': 0.13250428816466553, 'fraction_numerical': 0.03773584905660377, 'mean_word_length': 2.226832641770401, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3131741', 'n_tokens_mistral': 911, 'n_tokens_neox': 820, 'n_words': 166}