<commit_before>// This is a set of flex-based layout containers necessary for components such as the drawer.
//  It allows for flex based positioning such as sticky header and footer inside an mdb-layout, with a
//  mdb-layout-content that scrolls.

// First element
.mdb-layout-canvas { // added by js?
  position: absolute;
  width: 100%;
  height: 100%;
}

// Primary layout container, belongs inside a mdb-layout-canvas.
.mdb-layout-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column; // allows for sticky header and footer
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; // TODO: why?
}

// Header layout (fixed top), belongs in a mdb-layout-container
.mdb-layout-header {
  z-index: 3;
  display: flex;
  width: 100%;
  max-height: 1000px;
  flex-direction: column; // since this is a column, it is necessary that something like an actual navbar is a child
  flex-wrap: nowrap;
  flex-shrink: 0;
  justify-content: flex-start;
}

// Content layout, belongs in a mdb-layout-container
.mdb-layout-content {
  position: relative;
  z-index: 1; // under a header
  display: inline-block;
  //-ms-flex: 0 1 auto; // Fix IE10 bug.
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
  -webkit-overflow-scrolling: touch; // TODO: why?
}

// Pushes content to the other end
.mdb-layout-spacer {
  flex-grow: 1;
}<commit_msg>working on mobile scrolling<commit_after>// This is a set of flex-based layout containers necessary for components such as the drawer.
//  It allows for flex based positioning such as sticky header and footer inside an mdb-layout, with a
//  mdb-layout-content that scrolls.

// First element
.mdb-layout-canvas { // added by js?
  position: absolute;
  width: 100%;
  height: 100%;
}

// Primary layout container, belongs inside a mdb-layout-canvas.
.mdb-layout-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column; // allows for sticky header and footer
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

// Header layout (fixed top), belongs in a mdb-layout-container
.mdb-layout-header {
  z-index: 3;
  display: flex;
  width: 100%;
  max-height: 1000px;
  flex-direction: column; // since this is a column, it is necessary that something like an actual navbar is a child
  flex-wrap: nowrap;
  flex-shrink: 0;
  justify-content: flex-start;
  transform: translateZ(0); // attempt to smooth out mobile scrolling http://stackoverflow.com/a/15147497/2363935
}

// Content layout, belongs in a mdb-layout-container
.mdb-layout-content {
  position: relative;
  z-index: 1; // under a header
  display: inline-block;
  //-ms-flex: 0 1 auto; // Fix IE10 bug.
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
  -webkit-overflow-scrolling: touch;
}

// Pushes content to the other end
.mdb-layout-spacer {
  flex-grow: 1;
}
{'fraction_non_alphanumeric': 0.11843003412969283, 'fraction_numerical': 0.024573378839590442, 'mean_word_length': 3.2850877192982457, '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': '719695', 'n_tokens_mistral': 1023, 'n_tokens_neox': 942, 'n_words': 336}