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


ash / webui / print_management / resources / print_job_clear_history_dialog.html [blame]

<style include="print-management-shared">
  :host-context(body.jelly-enabled) #confirmationText {
    font: var(--cros-body-2-font);
  }

  :host-context(body.jelly-enabled) cr-dialog::part(dialog) {
    border-radius: 20px;
  }

  #buttonContainer {
    display: flex;
    justify-content: flex-end;
  }

  #clearDialog [slot=button-container] {
    padding-bottom: 20px;
    padding-inline-end: 24px;
    padding-inline-start: 24px;
    padding-top: 32px;
  }

  #clearDialog {
    --cr-dialog-top-container-min-height: 24px;
  }

  #confirmationText {
    color: var(--print-management-default-text-color);
    font-family: var(--print-management-default-font-family);
    font-size: var(--print-management-default-font-size);
    font-weight: var(--print-management-default-font-weight);
    overflow-wrap: break-word;
  }

  #cancelButton {
    margin-inline-end: 8px;
  }

  cr-dialog::part(dialog) {
    width: 350px;
  }
</style>

<cr-dialog id="clearDialog">
  <div slot="title">
    <div id="titleText">
      [[i18n('clearAllHistoryDialogTitle')]]
    </div>
  </div>
  <div slot="body">
    <div id="confirmationText">
      [[i18n('clearHistoryConfirmationText')]]
    </div>
  </div>
  <div slot="button-container">
    <cr-button id="cancelButton" on-click="onCancelButtonClick">
      [[i18n('cancelButtonLabel')]]
    </cr-button>
    <cr-button class="action-button" on-click="onClearButtonClick"
        disabled="[[shouldDisableClearButton]]">
      [[i18n('clearButtonLabel')]]
    </cr-button>
  </div>
</cr-dialog>