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


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

<style include="scanning-shared scanning-fonts">
  :host-context(body.jelly-enabled) ::slotted([slot=label]) {
    font: var(--cros-body-2-font);
  }

  #selectDiv {
    align-items: center;
    display: flex;
    height: var(--scan-setting-section-height, 48px);
    margin-bottom: 8px;
    margin-inline-end: 40px;
    margin-inline-start: 32px;
    margin-top: 0;
  }

  ::slotted([slot=label]),
  ::slotted([slot=settings]) {
    display: flex;
    flex-direction: column;
  }

  ::slotted([slot=label]) {
    color: var(--scanning-scan-setting-text-color);
    flex: none;
    flex-basis: 68px;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: var(--scanning-scan-setting-font-family);
    font-size: var(--scanning-scan-setting-font-size);
    font-weight: var(--scanning-regular-font-weight);
    line-height: var(--scanning-scan-setting-line-height);
    padding-inline-end: 20px;
    word-break: break-word;
  }

  ::slotted([slot=settings]) {
    flex: 1;
    flex-grow: 0;
    flex-shrink: 0;
    width: 192px;
  }

  ::slotted([slot=error]) {
    display: block;
    margin-bottom: 8px;
    margin-inline-end: 40px;
    margin-inline-start: 120px;
    margin-top: -8px;
    width: 192px;
  }
</style>
<div id="selectDiv">
  <slot name="label"></slot>
  <slot name="settings"></slot>
</div>
<slot name="error"></slot>