<commit_before>@import '../utils/base';
@import '../utils/mixins/box-shadow';

$asideMenuMobileWidth: 280px;

.aside-menu {
  background-color: #f7f7f7;
  position: fixed !important;
  padding-top: 13px;
  padding-bottom: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1050;
  overflow-x: hidden;
  overflow-y: auto;

  @media (min-width: $mdMin) {
    top: $headerHeight;
    padding: 30px 15px 15px;
    border-right: 1px solid #eee;
  }

  @media (max-width: $smMax) {
    width: $asideMenuMobileWidth !important;
    @include box-shadow(-10px 0px 50px 11px rgba(0, 0, 0, 0.55));
    transition: left 300ms;
  }
}

.aside-menu--hidden {
  @media (max-width: $smMax) {
    left: -($asideMenuMobileWidth + 35px);
  }
}

.aside-menu__nav {
  @media(min-width: $smMin) {
    height: 100%;
  }
}

.aside-menu__item {
  padding: 10px 20px;
  margin: 0 -15px;
  text-decoration: none !important;
  cursor: pointer;
}
.aside-menu__item:hover {
  background-color: $lightHoverColor;
}

.aside-menu__item--selected {
  color: #fff;
  background-color: $mainColor;
}<commit_msg>Ensured sidebar does not overlap header in mobile resolutions<commit_after>@import '../utils/base';
@import '../utils/mixins/box-shadow';

$asideMenuMobileWidth: 280px;

.aside-menu {
  background-color: #f7f7f7;
  position: fixed !important;
  padding-top: 13px;
  padding-bottom: 10px;
  top: $headerHeight - 3px;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1010;
  overflow-x: hidden;
  overflow-y: auto;

  @media (min-width: $mdMin) {
    padding: 30px 15px 15px;
    border-right: 1px solid #eee;
  }

  @media (max-width: $smMax) {
    width: $asideMenuMobileWidth !important;
    @include box-shadow(-10px 0px 50px 11px rgba(0, 0, 0, 0.55));
    transition: left 300ms;
  }
}

.aside-menu--hidden {
  @media (max-width: $smMax) {
    left: -($asideMenuMobileWidth + 35px);
  }
}

.aside-menu__nav {
  height: 100%;
}

.aside-menu__item {
  padding: 10px 20px;
  margin: 0 -15px;
  text-decoration: none !important;
  cursor: pointer;
}
.aside-menu__item:hover {
  background-color: $lightHoverColor;
}

.aside-menu__item--selected {
  color: #fff;
  background-color: $mainColor;
}
{'fraction_non_alphanumeric': 0.1547945205479452, 'fraction_numerical': 0.047488584474885846, 'mean_word_length': 3.426262626262626, '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': '3069478', 'n_tokens_mistral': 959, 'n_tokens_neox': 841, 'n_words': 191}