<commit_before>.panel-in-fullscreen {
  .scroll-canvas--dashboard {
    height: 100%;
  }

  .sidemenu {
    display: none;
  }

  .main-view {
    background: unset;
  }

  .dashboard-container {
    padding: 0;
  }

  .submenu-controls {
    padding: $dashboard-padding $dashboard-padding $panel-margin $dashboard-padding;
  }

  .panel-editor-container__panel {
    margin: 0 $dashboard-padding;
  }
}

.viz-picker__search {
  flex-grow: 0;
}

.viz-picker__items {
  display: flex;
  // for scrollbar
  margin-bottom: 13px;
}

.viz-picker__item {
  background: $card-background;
  box-shadow: $card-shadow;

  border-radius: 3px;
  height: 70px;
  width: 130px;
  flex-shrink: 0;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
  display: flex;
  margin-right: 6px;
  border: 1px solid transparent;
  align-items: center;

  &:hover {
    background: $card-background-hover;
  }

  &--selected {
    .viz-picker__item-name {
      color: $text-color;
    }
  }
}

.viz-picker__item-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: $font-size-sm;
  display: flex;
  flex-direction: column;
  align-self: center;
  height: 20px;
}

.viz-picker__item-img {
  height: 40px;
}

.panel-editor-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.panel-editor-container__panel {
  flex: 1 1 0;
}

.panel-editor-container__editor {
  margin-top: $panel-margin*2;
  display: flex;
  flex-direction: row;
  height: 65%;
  position: relative;
}

.panel-editor__content {
  flex-grow: 1;
  min-width: 0;
  height: 100%;
  padding: 0 20px;
  max-width: 1100px;
}
<commit_msg>fixed width of panel edit mode<commit_after>.panel-editor-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.panel-editor-container__panel {
  flex: 1 1 0;
}

.panel-editor-container__editor {
  margin-top: $panel-margin*2;
  display: flex;
  flex-direction: row;
  height: 65%;
  position: relative;
}

.panel-editor__content {
  flex-grow: 1;
  min-width: 0;
  height: 100%;
  padding: 0 20px;
}

.panel-in-fullscreen {
  .scroll-canvas--dashboard {
    height: 100%;
  }

  .sidemenu {
    display: none;
  }

  .main-view {
    background: unset;
  }

  .dashboard-container {
    padding: 0;
  }

  .submenu-controls {
    padding: $dashboard-padding $dashboard-padding $panel-margin $dashboard-padding;
  }

  .panel-editor-container__panel {
    margin: 0 $dashboard-padding;
  }
}

.viz-picker__search {
  flex-grow: 0;
}

.viz-picker__items {
  display: flex;
  // for scrollbar
  margin-bottom: 13px;
}

.viz-picker__item {
  background: $card-background;
  box-shadow: $card-shadow;

  border-radius: 3px;
  height: 70px;
  width: 130px;
  flex-shrink: 0;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
  display: flex;
  margin-right: 6px;
  border: 1px solid transparent;
  align-items: center;

  &:hover {
    background: $card-background-hover;
  }

  &--selected {
    .viz-picker__item-name {
      color: $text-color;
    }
  }
}

.viz-picker__item-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: $font-size-sm;
  display: flex;
  flex-direction: column;
  align-self: center;
  height: 20px;
}

.viz-picker__item-img {
  height: 40px;
}

{'fraction_non_alphanumeric': 0.1413373860182371, 'fraction_numerical': 0.0243161094224924, 'mean_word_length': 2.9698431845597106, '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': '7544029', 'n_tokens_mistral': 1333, 'n_tokens_neox': 1250, 'n_words': 251}