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


ash / webui / scanning / resources / multi_page_checkbox.html [blame]

<style include="scanning-shared">
  :host-context(body.jelly-enabled) #checkboxDiv {
    font: var(--cros-annotation-1-font);
  }

  scan-settings-section {
    --scan-setting-section-height: 40px;
  }

  #checkboxDiv {
    align-items: center;
    color: var(--scanning-multi-page-checkbox-text-color);
    cursor: pointer;
    display: flex;
    font-family: var(--scanning-multi-page-checkbox-font-family);
    font-size: var(--scanning-multi-page-checkbox-font-size);
    line-height: var(--scanning-multi-page-checkbox-line-height);
    margin-top: -16px;
    width: 200px;
  }

  #checkboxText {
    margin-inline-start: 8px;
  }

  cr-checkbox {
    --cr-checkbox-size: 20px;
  }
</style>
<scan-settings-section>
  <span slot="label"></span>
  <div slot="settings">
    <div id="checkboxDiv" on-click="onCheckboxClick">
      <cr-checkbox class="no-label" checked="{{multiPageScanChecked}}"
          disabled="[[disabled]]"
          aria-description="[[i18n('multiPageCheckboxText')]]">
          <span part="label-container">
            [[i18n('multiPageCheckboxAriaLabel')]]
          </span>
      </cr-checkbox>
      <span id="checkboxText" aria-hidden="true">
        [[i18n('multiPageCheckboxText')]]
      </span>
    </div>
  </div>
</scan-settings-section>