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
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
   62
   63
   64
   65
   66
   67
   68
   69
   70
   71
   72
   73
   74
   75
   76
   77
   78
   79
   80
   81
   82
   83
   84
   85
   86
   87
   88
   89
   90
   91
   92
   93
   94
   95
   96
   97
   98
   99
  100
  101
  102
  103
  104
  105
  106
  107
  108
  109
  110
  111
  112
  113
  114
  115
  116
  117
  118
  119
  120
  121


content / browser / resources / gpu / info_view.html [blame]

<!--
Copyright 2012 The Chromium Authors
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<style>
  :host {
    --green: #080;
    --yellow: #880;
    --red: #f00;
    --gray: #888;
    --bg-yellow: #ff0;

    display: block;
    flex: 1;
    overflow: auto;
    padding: 10px;
  }

  @media (prefers-color-scheme: dark) {
    :host {
      --green: #0F0;
      --yellow: #FF0;
      --red: #f00;
      --gray: #888;
      --bg-yellow: #880;
    }
  }

  :host * {
    user-select: text;
  }

  :host([selected]) {
    display: flex;
    flex-direction: column;
  }

  h3,
  ul {
    margin-bottom: 0;
    margin-top: 0;
  }

  #content > div,
  #download-to-file {
    margin-bottom: 1em;
  }

  .feature-green {
    color: var(--green);
  }

  .feature-yellow {
    color: var(--yellow);
  }

  .feature-red {
    color: var(--red);
  }

  .feature-gray {
    color: var(--gray);
  }

  .bg-yellow {
    background-color: var(--bg-yellow);
  }

  #vulkan-info-value {
    white-space: pre;
  }

  #download-to-file {
    font: inherit;
    min-height: 2em;
    user-select: none;
  }

  h4.dawn-info-header {
    color: var(--yellow);
    margin-bottom: 2px;
    margin-top: 10px;
  }
  
  table.info-table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
  }
  .info-table td {
    border: 1px solid #777;
    vertical-align: top;
    overflow-x: auto;
  }
  .info-table td:nth-child(1) {
    font-weight: bold;
    width: 25%;
  }
  .info-table td:nth-child(2) {
    font-weight: bold;
    width: 75%;
  }

  /*
  This class is used to show text that is only available
  when the user copies text or downloads the report to a file.
  We insert extra but hidden text to make plain text formatting
  look better, at copy/download time we make the text visible
  */
  .copy {
    display: none;
  }
</style>
<style id="dynamic-style"></style>
<div>
  <button id="download-to-file">Download Report to File</button>
</div>
<div id="content">
  <script type="not-js" id="used-only-by-test">GPU Info</script>
</div>