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

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

<style include="scanning-fonts cros-color-overrides">
  :host-context(body.jelly-enabled) .container {
    font: var(--cros-body-2-font);
  }

  .container,
  #doneButtonContainer {
    width: 272px;
  }

  .container {
    align-items: center;
    color: var(--scanning-done-section-option-text-color);
    cursor: pointer;
    display: flex;
    font-family: var(--scanning-done-section-option-font-family);
    font-size: var(--scanning-done-section-option-font-size);
    font-weight: var(--scanning-regular-font-weight);
    height: 36px;
    line-height: var(--scanning-done-section-option-line-height);
    margin-bottom: 8px;
    margin-inline-end: 32px;
    margin-inline-start: 32px;
    margin-top: 8px;
    padding-inline-end: 16px;
  }

  .container[hidden] {
    display: none;
  }

  #doneButtonContainer {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
    margin-inline-end: 32px;
    margin-inline-start: 32px;
    margin-top: 32px;
    padding-inline-end: 16px;
  }

  .button {
    flex-direction: column;
    height: 20px;
    margin: 0;
    width: 20px;
  }

  .label {
    flex-basis: 252px;
    flex-grow: 0;
    flex-shrink: 0;
  }

  #folderLink {
    color: var(--cros-link-color);
    text-decoration: none;
  }
</style>
<div class="container">
  <span id="fileSavedText" class="label"
      inner-h-t-m-l="[[fileSavedTextContent]]">
  </span>
</div>
<div class="container" on-click="onShowFileInLocationClick" >
  <span id="showInFolderButtonLabel" class="label" aria-hidden="true">
    [[i18n('showInFolderButtonLabel')]]
  </span>
  <cr-icon-button id="showInFolderButton" class="button"
      iron-icon="cr:open-in-new" aria-labelledby="showInFolderButtonLabel">
  </cr-icon-button>
</div>
<div class="container" on-click="onOpenMediaAppClick" >
  <span id="editButtonLabel" class="label" aria-hidden="true">
    [[editButtonLabel]]
  </span>
  <cr-icon-button id="editButton" class="button"
      iron-icon="cr:open-in-new" aria-labelledby="editButtonLabel">
  </cr-icon-button>
</div>
<div id="doneButtonContainer">
  <cr-button id="doneButton" class="action-button"
      on-click="onDoneClick">
    [[i18n('doneButtonText')]]
  </cr-button>
</div>