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


ash / webui / diagnostics_ui / resources / touchpad_tester.html [blame]

<style include="diagnostics-shared">
:host-context(body.jelly-enabled) .tester {
  background: var(--cros-highlight-color_shape);
}

.canvas-container {
  align-items: center;
  display: flex;
  justify-content: center;
}

.tester {
  background: var(--cros-highlight-color);
  border-radius: 8px;
}

</style>
<cr-dialog id="touchpadTesterDialog">
  <div slot="title">[[i18n('touchpadTesterTitleText')]]</div>
  <div slot="body">
    [[touchpad.name]]
    <div class="canvas-container">
      <!-- TODO(b/253021171): Set width dynamically based on constant height
        ratio compared to ABS size data provided from EvdevDeviceInfo when
        mojo is updated to provide scaled size. -->
      <canvas class="tester" id="testerCanvas" height="320" width="320" ></canvas>
    </div>
  </div>
</cr-dialog>