<commit_before>/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

#settings-view {
  background-color: #5d9bc7;
  height: 100%;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  box-sizing: border-box;
}

#section-title.hidden {
  display: none;
}

#section-title {
  width: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  height: 9.6rem;
  display: flex;
  align-items: center;
}

#section-title.dark {
  background-color: #305067;
}

#section-title-container {
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  height: 100%;
  line-height: 9.6rem;
}

#section-title-icon {
  height: 4rem;
  position: relative;
  top: 1.3rem;
  padding-right: 0.5rem;
}

#section-title-name {
  font-size: 1.6rem;
}

#section-title-back-flex,
#section-title-speech-flex {
  flex: 1;
  min-width: 9.6rem;
  flex-shrink: 0;
  height: 9.6rem;
}

#section-title-speech-flex {
  flex: 1;
  min-width: 0;
}

#settings-menu {
  position: fixed;
  top: 9.6rem;
  width: 100%;
  margin: 0 auto;
  height: calc(100% - 9.6rem);
}

#settings-menu.hidden {
  transform: translate(-100%, -50%);
}

#settings-menu ul {
  box-sizing: border-box;
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  padding: 2rem;
  padding-top: 0;
}

.developer-link-item,
.settings-item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #48779a;
  border-radius: 0.5rem;
  background-image: url('../optimized-images/right-arrow.png');
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 2.8rem center;
}<commit_msg>Fix scrolling of settings menu. (#1092)<commit_after>/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

#settings-view {
  background-color: #5d9bc7;
  height: 100%;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  box-sizing: border-box;
}

#section-title.hidden {
  display: none;
}

#section-title {
  width: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  height: 9.6rem;
  display: flex;
  align-items: center;
}

#section-title.dark {
  background-color: #305067;
}

#section-title-container {
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  height: 100%;
  line-height: 9.6rem;
}

#section-title-icon {
  height: 4rem;
  position: relative;
  top: 1.3rem;
  padding-right: 0.5rem;
}

#section-title-name {
  font-size: 1.6rem;
}

#section-title-back-flex,
#section-title-speech-flex {
  flex: 1;
  min-width: 9.6rem;
  flex-shrink: 0;
  height: 9.6rem;
}

#section-title-speech-flex {
  flex: 1;
  min-width: 0;
}

#settings-menu {
  position: fixed;
  top: 9.6rem;
  width: 100%;
  margin: 0 auto;
  height: calc(100% - 9.6rem);
  overflow: auto;
}

#settings-menu.hidden {
  transform: translate(-100%, -50%);
}

#settings-menu ul {
  box-sizing: border-box;
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  padding: 2rem;
  padding-top: 0;
}

.developer-link-item,
.settings-item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #48779a;
  border-radius: 0.5rem;
  background-image: url('../optimized-images/right-arrow.png');
  background-size: auto 2rem;
  background-repeat: no-repeat;
  background-position: right 2.8rem center;
}
{'fraction_non_alphanumeric': 0.15568181818181817, 'fraction_numerical': 0.04772727272727273, 'mean_word_length': 3.2886723507917175, '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': '7356422', 'n_tokens_mistral': 1506, 'n_tokens_neox': 1373, 'n_words': 331}