<commit_before>@import '../styles.scss';

status-sk {
  app-sk {
    --sidebar-width: auto;
    --sidebar-horiz-padding: 0;
    --content-horiz-padding: 5px;
    --content-vert-padding: 5px;
    --header-background-color: var(--success-alpha);
    --header-font-color: var(--on-success);

    header {
      a {
        color: var(--on-primary);
      }
      #legacy {
        line-height: 0;
        margin-left: 20px;
        padding: 0px 5px;
      }
    }

    aside {
      background-color: var(--background);
      border: none;
      z-index: 2;
      > * {
        background-color: var(--background);
        border: 1px solid var(--surface-1dp);
        padding: 1px;
        margin: 5px;
      }

      .collapser {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom-color: var(--surface-1dp);
        width: 100%;
        text-transform: none;
        padding: 0 0.5em 0 0;
        margin: 0;
        height: auto;
      }

      .table {
        width: 100%;
      }
    }

    // TODO(westont): Make table row underlays non-interactive overlays so as to avoid z-index
    // difficulties on everything else.
    footer {
      z-index: 3;
    }

    login-sk *,
    tree-status-sk * {
      color: var(--header-font-color) !important;
    }
  }
}

// Coloring for tree-status.
status-sk[state='caution'] app-sk header {
  background-color: var(--warning-alpha);<commit_msg>[status] Make clicks on left panel collapser icons still work.<commit_after>@import '../styles.scss';

status-sk {
  app-sk {
    --sidebar-width: auto;
    --sidebar-horiz-padding: 0;
    --content-horiz-padding: 5px;
    --content-vert-padding: 5px;
    --header-background-color: var(--success-alpha);
    --header-font-color: var(--on-success);

    header {
      a {
        color: var(--on-primary);
      }
      #legacy {
        line-height: 0;
        margin-left: 20px;
        padding: 0px 5px;
      }
    }

    aside {
      background-color: var(--background);
      border: none;
      z-index: 2;
      > * {
        background-color: var(--background);
        border: 1px solid var(--surface-1dp);
        padding: 1px;
        margin: 5px;
      }

      .collapser {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom-color: var(--surface-1dp);
        width: 100%;
        text-transform: none;
        padding: 0 0.5em 0 0;
        margin: 0;
        height: auto;

        // We don't want icons interferring with the button click.
        * {
          pointer-events: none;
        }
      }

      .table {
        width: 100%;
      }
    }

    // TODO(westont): Make table row underlays non-interactive overlays so as to avoid z-index
    // difficulties on everything else.
    footer {
      z-index: 3;
    }

    login-sk *,
    tree-status-sk * {
      color: var(--header-font-color) !important;
    }
  }
}

// Coloring for tree-status.
status-sk[state='caution'] app-sk header {
  background-color: var(--warning-alpha);
{'fraction_non_alphanumeric': 0.14313789715034392, 'fraction_numerical': 0.017687520471667214, 'mean_word_length': 1.6954986760812003, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '1354347', 'n_tokens_mistral': 1062, 'n_tokens_neox': 992, 'n_words': 223}