chromium/chrome/browser/resources/extensions/install_warnings_dialog.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
<link rel="import" href="chrome://resources/html/assert.html">
<link rel="import" href="chrome://resources/html/cr.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
<link rel="import" href="code_section.html">

<dom-module id="extensions-install-warnings-dialog">
  <template>
    <style include="cr-shared-style">
      div[slot='body'] ul {
        background-color: var(--paper-red-50);
        margin: 0;
        padding-bottom: 10px;
        padding-inline-end: 10px;
        padding-top: 10px;
      }

      @media (prefers-color-scheme: dark) {
        div[slot='body'] ul {
          /* TODO(dbeam): merge with --cr-input-background-color? */
          background-color: rgba(0, 0, 0, .3);
          color: var(--error-color);
        }
      }
    </style>
    <cr-dialog id="dialog" close-text="$i18n{close}">
      <div slot="title">$i18n{installWarnings}</div>
      <div slot="body">
        <ul>
          <template is="dom-repeat" items="[[installWarnings]]">
            <li>[[item]]</li>
          </template>
        </ul>
      </div>
      <div slot="button-container">
        <cr-button class="action-button" on-click="onOkTap_">
          $i18n{ok}
        </cr-button>
      </div>
    </cr-dialog>
  </template>
  <script src="install_warnings_dialog.js"></script>
</dom-module>