<commit_before>/* === Toolbar === */
@import url('./toolbar-vars.less');

.toolbar {
  width: 100%;
  position: relative;
  margin: 0;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  z-index: 500;
  box-sizing: border-box;
  left: 0;
  height: var(--f7-toolbar-height);
  background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color)));
  color: var(--f7-toolbar-text-color, var(--f7-bars-text-color));
  font-size: var(--f7-toolbar-font-size);
  b {
    font-weight: 600;
  }
  a {
    color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
    box-sizing: border-box;
    flex-shrink: 1;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  a.link {
    display: flex;
    line-height: var(--f7-toolbar-height);
    height: var(--f7-toolbar-height);
  }
  i.icon {
    display: block;
  }
  &:after,
  &:before {
    backface-visibility: hidden;
  }
}
.views, .view, .page {
  > .toolbar {
    position: absolute;
  }
}
.toolbar-top,
.ios .toolbar-top-ios,
.md .toolbar-top-md {
  top: 0;
  .tab-link-highlight {
    bottom: 0;
  }
  &.no-hairline, &.no-border {
    &:after {
      display: none !important;
    }
  }
  &.no-shadow, &.toolbar-hidden {
    &:before {
      display: none !important;
    }
  }
  &:after, &:before {
    backface-visibility: hidden;
  }
  .hairline(bottom, var(--f7-toolbar-border-color, var(--f7-bars-border-color)));
  .bar-shadow-bottom(var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)));
}
.toolbar-bottom,
.ios .toolbar-bottom-ios,
.md .toolbar-bottom-md {
  bottom: 0;
  height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));
  .tab-link-highlight {
    top: 0;
  }
  .toolbar-inner {
    height: auto;
    top: 0;
    bottom: var(--f7-safe-area-bottom);
  }
  &.no-hairline, &.no-border {
    &:before {
      display: none !important;
    }
  }
  &.no-shadow, &.toolbar-hidden {
    &:after {
      display: none !important;
    }
  }

  .hairline(top, var(--f7-toolbar-border-color, var(--f7-bars-border-color)));
  .bar-shadow-top(var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)));
}
.toolbar-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  align-content: center;
}
.tabbar,
.tabbar-labels {
  .views > & {
    z-index: 5001;
  }
  a {
    color: var(--f7-tabbar-link-inactive-color);
  }
  a.link {
    line-height: 1.4;
  }
  a.tab-link,<commit_msg>v4: Toolbar - Add overflow:hidden<commit_after>/* === Toolbar === */
@import url('./toolbar-vars.less');

.toolbar {
  width: 100%;
  position: relative;
  margin: 0;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  z-index: 500;
  box-sizing: border-box;
  left: 0;
  height: var(--f7-toolbar-height);
  background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color, var(--f7-theme-color)));
  color: var(--f7-toolbar-text-color, var(--f7-bars-text-color));
  font-size: var(--f7-toolbar-font-size);
  b {
    font-weight: 600;
  }
  a {
    color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
    box-sizing: border-box;
    flex-shrink: 1;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  a.link {
    display: flex;
    line-height: var(--f7-toolbar-height);
    height: var(--f7-toolbar-height);
  }
  i.icon {
    display: block;
  }
  &:after,
  &:before {
    backface-visibility: hidden;
  }
}
.views, .view, .page {
  > .toolbar {
    position: absolute;
  }
}
.toolbar-top,
.ios .toolbar-top-ios,
.md .toolbar-top-md {
  top: 0;
  .tab-link-highlight {
    bottom: 0;
  }
  &.no-hairline, &.no-border {
    &:after {
      display: none !important;
    }
  }
  &.no-shadow, &.toolbar-hidden {
    &:before {
      display: none !important;
    }
  }
  &:after, &:before {
    backface-visibility: hidden;
  }
  .hairline(bottom, var(--f7-toolbar-border-color, var(--f7-bars-border-color)));
  .bar-shadow-bottom(var(--f7-toolbar-top-shadow-image, var(--f7-bars-shadow-bottom-image)));
}
.toolbar-bottom,
.ios .toolbar-bottom-ios,
.md .toolbar-bottom-md {
  bottom: 0;
  height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));
  .tab-link-highlight {
    top: 0;
  }
  .toolbar-inner {
    height: auto;
    top: 0;
    bottom: var(--f7-safe-area-bottom);
  }
  &.no-hairline, &.no-border {
    &:before {
      display: none !important;
    }
  }
  &.no-shadow, &.toolbar-hidden {
    &:after {
      display: none !important;
    }
  }

  .hairline(top, var(--f7-toolbar-border-color, var(--f7-bars-border-color)));
  .bar-shadow-top(var(--f7-toolbar-bottom-shadow-image, var(--f7-bars-shadow-top-image)));
}
.toolbar-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  align-content: center;
  overflow: hidden;
}
.tabbar,
.tabbar-labels {
  .views > & {
    z-index: 5001;
  }
  a {
    color: var(--f7-tabbar-link-inactive-color);
  }
  a.link {
    line-height: 1.4;
  }
  a.tab-link,
{'fraction_non_alphanumeric': 0.19766997708174178, 'fraction_numerical': 0.022727272727272728, 'mean_word_length': 2.596840659340659, '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': '1676813', 'n_tokens_mistral': 2194, 'n_tokens_neox': 2115, 'n_words': 346}