<commit_before>$drawer-small: 40px;
$drawer-large: 260px;
$gutter-width: $grid-gutter-width/2;

.main-content {
  padding-left: $drawer-small + $gutter-width;
  padding-right: $gutter-width;
  padding-top: $admin-vertical-padding;
  background-color: $admin-content-background-color;
  position: absolute;
  width: 100%;

  &.maximized {
    padding-left: $drawer-large + $gutter-width;
  }
}

// .sidebar is a class on the div
.sidebar {
  background-color: $admin-sidebar-background-color;
  padding-top: $admin-vertical-padding;
  position: absolute;
  transition: width .1s;
  width: $drawer-small;
  z-index: 1000;
  min-height: 600px;
  min-height: 100vh;

  &.maximized {
    .h5, .sidebar-action-text, .profile, .collapse-toggle::after {
      opacity: 1;
    }
    width: $drawer-large;

    .sidebar-toggle {
      transform: rotate(-180deg);
    }

    .nav-pills > li {
      a {
        padding-left: 24px;
      }
      ul > li a {
        padding-left: 52px;
      }
    }
  }

  .sidebar-toggle {
    cursor: pointer;
    background-color: $body-background-color;
    border-radius: 50%;
    line-height: 18px;
    position: absolute;
    right: -10px;
    text-align: center;
    width: 18px;
    z-index: 1001;
  }
  a {
    color: $admin-sidebar-link-color;
  }

  a:hover {
    color: $admin-sidebar-link-hover-color;
  }

  .sidebar-action-text {
    opacity: 0;<commit_msg>Set fixed width so icon text lines up vertically.<commit_after>$drawer-small: 40px;
$drawer-large: 260px;
$gutter-width: $grid-gutter-width/2;

.main-content {
  padding-left: $drawer-small + $gutter-width;
  padding-right: $gutter-width;
  padding-top: $admin-vertical-padding;
  background-color: $admin-content-background-color;
  position: absolute;
  width: 100%;

  &.maximized {
    padding-left: $drawer-large + $gutter-width;
  }
}

// .sidebar is a class on the div
.sidebar {
  background-color: $admin-sidebar-background-color;
  padding-top: $admin-vertical-padding;
  position: absolute;
  transition: width .1s;
  width: $drawer-small;
  z-index: 1000;
  min-height: 600px;
  min-height: 100vh;

  &.maximized {
    .h5, .sidebar-action-text, .profile, .collapse-toggle::after {
      opacity: 1;
    }
    width: $drawer-large;

    .sidebar-toggle {
      transform: rotate(-180deg);
    }

    .nav-pills > li {
      a {
        padding-left: 24px;
      }
      ul > li a {
        padding-left: 52px;
      }
    }

    .fa {
      width: 15px;
    }
  }

  .sidebar-toggle {
    cursor: pointer;
    background-color: $body-background-color;
    border-radius: 50%;
    line-height: 18px;
    position: absolute;
    right: -10px;
    text-align: center;
    width: 18px;
    z-index: 1001;
  }
  a {
    color: $admin-sidebar-link-color;
  }

  a:hover {
    color: $admin-sidebar-link-hover-color;
  }

  .sidebar-action-text {
    opacity: 0;
{'fraction_non_alphanumeric': 0.14675052410901468, 'fraction_numerical': 0.03004891684136967, 'mean_word_length': 2.4957264957264957, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '6258701', 'n_tokens_mistral': 1136, 'n_tokens_neox': 1038, 'n_words': 208}