| <style include="diagnostics-shared"> |
| :host { |
| --divider-horizontal-height: 100%; |
| } |
| |
| :host(:not([expanded])):host-context(body.jelly-enabled) #drawerToggle:hover { |
| border-radius: 0 0 16px 16px; |
| } |
| |
| :host-context(body.jelly-enabled) #drawerTitle { |
| font: var(--cros-body-2-font); |
| } |
| |
| #drawerTitle { |
| 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; |
| } |
| |
| #drawerToggle { |
| padding-bottom: 16px; |
| padding-inline: 20px; |
| padding-top: 12px; |
| } |
| </style> |
| <cr-expand-button id="drawerToggle" expanded="{{expanded}}" |
| aria-labelledby="drawerTitle"> |
| <span id="drawerTitle" aria-hidden="true"> |
| [[i18n('ipConfigInfoDrawerTitle')]] |
| </span> |
| </cr-expand-button> |
| <template is="dom-if" if="[[expanded]]"> |
| <div id="ipConfigInfoElement" |
| class="horizontal-data-point-container spacing"> |
| <div class="data-point-container"> |
| <data-point id="gateway" |
| header="[[i18n('ipConfigInfoDrawerGateway')]]" |
| value="[[gateway]]" orientation="horizontal"> |
| </data-point> |
| <data-point id="subnetMask" |
| header="[[i18n('ipConfigInfoDrawerSubnetMask')]]" |
| value="[[subnetMask]]" orientation="horizontal"> |
| </data-point> |
| </div> |
| <div class="divider-horizontal"></div> |
| <div class="data-point-container"> |
| <data-point id="nameServers" |
| header="[[nameServersHeader]]" |
| value="[[nameServers]]" orientation="horizontal"> |
| </data-point> |
| </div> |
| </div> |
| </template> |
