<commit_before>@import "../lib/plot.css";
@import "../../node_modules/@patternfly/patternfly/components/Breadcrumb/breadcrumb.scss";
@import "../../node_modules/@patternfly/patternfly/layouts/Gallery/gallery.scss";
@import "../../node_modules/@patternfly/patternfly/components/Page/page.scss";
@import "../../node_modules/@patternfly/patternfly/components/Card/card.scss";

:root {
  /* Font size for titles */
  --ct-graph-title-FontSize: var(--pf-global--FontSize--xl);
}

.pf-c-page header {
  background-color: var(--pf-global--BackgroundColor--300);
}

.pf-c-page__main {
  height: 100%;

  /* Header, on this page, wraps both the breadcrumbs and optional history zooming toolbar */
  > div > header {
    display: flex;
    flex-flow: row wrap;
    // Set the background of the container to the same as the toolbars…
    // mobile causes a wrap; we want toolbars to visually extend 100% wide
    background-color: var(--pf-c-page__main-section--m-light--BackgroundColor);

    /* First child (breadcrumbs) should always take max space */
    > .pf-c-page__main-breadcrumb {
      flex: auto;
    }

    > .ct-page_main-toolbar {
      flex: none;
      // Remove padding and align to the center of the stretched parent
      padding: 0;
      align-items: center;
      display: flex;
      // Use a min-height of the text + padding of breadcrumbs to stack similarly
      // when wrapped due to content size
      min-height: 3.5rem;
    }
  }
}

#simple_graphs {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}<commit_msg>graphs: Make history toolbar sticky for mobile<commit_after>@import "../lib/plot.css";
@import "../../node_modules/@patternfly/patternfly/components/Breadcrumb/breadcrumb.scss";
@import "../../node_modules/@patternfly/patternfly/layouts/Gallery/gallery.scss";
@import "../../node_modules/@patternfly/patternfly/components/Page/page.scss";
@import "../../node_modules/@patternfly/patternfly/components/Card/card.scss";

:root {
  /* Font size for titles */
  --ct-graph-title-FontSize: var(--pf-global--FontSize--xl);
}

.pf-c-page header {
  background-color: var(--pf-global--BackgroundColor--300);
}

.pf-c-page__main {
  height: 100%;

  /* Header, on this page, wraps both the breadcrumbs and optional history zooming toolbar */
  > div > header {
    display: flex;
    flex-flow: row wrap;
    // Set the background of the container to the same as the toolbars…
    // mobile causes a wrap; we want toolbars to visually extend 100% wide
    background-color: var(--pf-c-page__main-section--m-light--BackgroundColor);
    // Make the toolbar sticky, for mobile mode (when toolbars wrap)
    position: sticky;
    top: -3.5rem;
    z-index: 100;

    /* First child (breadcrumbs) should always take max space */
    > .pf-c-page__main-breadcrumb {
      flex: auto;
    }

    > .ct-page_main-toolbar {
      flex: none;
      // Remove padding and align to the center of the stretched parent
      padding: 0;
      align-items: center;
      display: flex;
      // Use a min-height of the text + padding of breadcrumbs to stack similarly
      // when wrapped due to content size
      min-height: 3.5rem;
    }
  }
}

#simple_graphs {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
{'fraction_non_alphanumeric': 0.13921327596803934, 'fraction_numerical': 0.0107559926244622, 'mean_word_length': 2.8703923900118906, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '3707604', 'n_tokens_mistral': 1064, 'n_tokens_neox': 1019, 'n_words': 278}