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


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

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

  :host-context(body.jelly-enabled) #troubleshootingLinkText {
    font: var(--cros-body-2-font);
  }

  #troubleshootingText {
    color: var(--cros-text-color-primary);
    font-family: var(--diagnostics-roboto-font-family);
    font-size: 13px;
    font-weight: var(--diagnostics-regular-font-weight);
    line-height: 20px;
  }

  #troubleshootingContainer {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 20px 0;
    padding-bottom: 20px;
    padding-top: 16px;
  }

  #troubleshootingLinkText {
    color: var(--cros-link-color);
    font-family: var(--diagnostics-roboto-font-family);
    font-size: 13px;
    font-weight: var(--diagnostics-regular-font-weight);
    line-height: 20px;
    margin-top: 8px;
  }
</style>

<div id="troubleshootingContainer" class="grey-container">
  <span id="troubleshootingText">
    [[troubleshootingInfo.header]]
  </span>
  <span id="troubleshootingLinkText" class="link-text"
      hidden$="[[!isLoggedIn]]"
      on-click="onLinkTextClicked">
    [[troubleshootingInfo.linkText]]
  </span>
</div>