<commit_before><link rel="import" href="polymer-elements/polymer-overlay/polymer-overlay.html">

<polymer-element name="chromedash-legend" attributes="opened"> <!--extends="polymer-overlay" class="polymer-overlay">-->

<template>
  <!-- <link rel="stylesheet" type="text/css" href="polymer-elements/polymer-overlay/polymer-overlay.css"> -->
  <link rel="stylesheet" type="text/css" href="../css/elements/chromedash-legend.css">
  <polymer-overlay id="overlay" opened="{{opened}}"></polymer-overlay>
  <div id="dialog">
    <h2>Color legend</h2>
    <p>Colors indicate the "compatibility risk" for a given feature. The risk
        increases as <chromedash-color-status value="1" max="{{views.vendors.length}}"></chromedash-color-status> &rarr; <chromedash-color-status value="{{views.vendors.length}}" max="{{views.vendors.length}}"></chromedash-color-status>, and the color meaning differs for browser
        vendors, web developers, and the standards process.</p>
    <section class="views">
      <div>
        <label>Browser vendors</label>
        <ul>
          <template repeat="{{o in views.vendors}}">
            <li><chromedash-color-status value="{{o.key}}" max="{{views.vendors.length}}"></chromedash-color-status>{{o.val}}</li>
          </template>
        </ul>
      </div>
      <div>
        <label>Web developer</label>
        <ul>
          <template repeat="{{o in views.webdevs}}">
            <li><chromedash-color-status value="{{o.key}}" max="{{views.webdevs.length}}"></chromedash-color-status>{{o.val}}</li>
          </template><commit_msg>Background color wasnt showing. Fixes #70<commit_after><link rel="import" href="polymer-elements/polymer-overlay/polymer-overlay.html">

<polymer-element name="chromedash-legend" attributes="opened"> <!--extends="polymer-overlay" class="polymer-overlay">-->

<template>
  <!-- <link rel="stylesheet" type="text/css" href="polymer-elements/polymer-overlay/polymer-overlay.css"> -->
  <link rel="stylesheet" type="text/css" href="../css/elements/chromedash-legend.css">
  <polymer-overlay id="overlay" opened="{{opened}}"></polymer-overlay>
  <div class="dialog">
    <h2>Color legend</h2>
    <p>Colors indicate the "compatibility risk" for a given feature. The risk
        increases as <chromedash-color-status value="1" max="{{views.vendors.length}}"></chromedash-color-status> &rarr; <chromedash-color-status value="{{views.vendors.length}}" max="{{views.vendors.length}}"></chromedash-color-status>, and the color meaning differs for browser
        vendors, web developers, and the standards process.</p>
    <section class="views">
      <div>
        <label>Browser vendors</label>
        <ul>
          <template repeat="{{o in views.vendors}}">
            <li><chromedash-color-status value="{{o.key}}" max="{{views.vendors.length}}"></chromedash-color-status>{{o.val}}</li>
          </template>
        </ul>
      </div>
      <div>
        <label>Web developer</label>
        <ul>
          <template repeat="{{o in views.webdevs}}">
            <li><chromedash-color-status value="{{o.key}}" max="{{views.webdevs.length}}"></chromedash-color-status>{{o.val}}</li>
          </template>
{'fraction_non_alphanumeric': 0.19287740308855972, 'fraction_numerical': 0.0025212732429877086, 'mean_word_length': 3.7443946188340806, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 87, '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': '1199012', 'n_tokens_mistral': 1010, 'n_tokens_neox': 956, 'n_words': 176}