| /* Copyright 2013 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| #kiosk-apps-page .checkbox { |
| display: block; |
| } |
| |
| #kiosk-app-list { |
| border: 1px solid lightgrey; |
| height: 200px; |
| margin-bottom: 5px; |
| } |
| |
| #kiosk-app-list > * { |
| -webkit-box-align: center; |
| box-sizing: border-box; |
| display: -webkit-box; |
| height: 32px; |
| } |
| |
| /* TODO(xiyuan): The .row-delete-button rules probably should live somewhere |
| * else and be shared with options.css */ |
| list .row-delete-button { |
| -webkit-transition: 150ms opacity; |
| background-color: transparent; |
| /* TODO(stuartmorgan): Replace with real images once they are available. */ |
| background-image: -webkit-image-set( |
| url('../../../../../ui/resources/default_100_percent/close_2.png') 1x, |
| url('../../../../../ui/resources/default_200_percent/close_2.png') 2x); |
| border: none; |
| display: block; |
| height: 16px; |
| opacity: 1; |
| width: 16px; |
| } |
| |
| list > *:not(:hover):not([selected]):not([lead]) .row-delete-button, |
| list:not([hasElementFocus]) > *:not(:hover):not([selected]) .row-delete-button, |
| list[disabled] .row-delete-button, |
| list .row-delete-button[disabled] { |
| opacity: 0; |
| pointer-events: none; |
| } |
| |
| list .row-delete-button:hover { |
| background-image: -webkit-image-set( |
| url('../../../../../ui/resources/default_100_percent/close_2_hover.png') |
| 1x, |
| url('../../../../../ui/resources/default_200_percent/close_2_hover.png') |
| 2x); |
| } |
| |
| list .row-delete-button:active { |
| background-image: -webkit-image-set( |
| url('../../../../../ui/resources/default_100_percent/close_2_pressed.png') |
| 1x, |
| url('../../../../../ui/resources/default_200_percent/close_2_pressed.png') |
| 2x); |
| } |
| |
| #kiosk-app-id-edit-row { |
| -webkit-justify-content: space-between; |
| display: -webkit-flex; |
| width: 510px; |
| } |
| |
| #kiosk-app-id-edit, |
| #kiosk-app-add { |
| display: block; |
| } |
| |
| #kiosk-app-id-edit { |
| -webkit-flex-grow: 1; |
| -webkit-margin-end: 10px; |
| } |
| |
| #kiosk-apps-error-banner { |
| -webkit-transition: opacity 150ms; |
| background-color: rgb(223, 165, 165); |
| margin: 2px 0; |
| opacity: 0; |
| padding: 5px; |
| visibility: hidden; |
| white-space: nowrap; |
| width: 100%; |
| } |
| |
| #kiosk-apps-error-banner.visible { |
| opacity: 1; |
| visibility: visible; |
| } |
| |
| .kiosk-app-list-item { |
| white-space: nowrap; |
| } |
| |
| .kiosk-app-list-item .space-filler { |
| -webkit-box-flex: 1; |
| } |
| |
| .kiosk-app-icon, |
| .kiosk-app-name, |
| .kiosk-app-status { |
| display: inline-block; |
| vertical-align: middle; |
| } |
| |
| .kiosk-app-icon { |
| background-size: 100%; |
| height: 16px; |
| width: 16px; |
| } |
| |
| .kiosk-app-icon.spinner { |
| background-image: url('chrome://resources/images/spinner.svg') !important; |
| } |
| |
| .kiosk-app-name, |
| .kiosk-app-status { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| |
| .kiosk-app-name { |
| max-width: 250px; |
| } |
| |
| .kiosk-app-status { |
| -webkit-margin-start: 8px; |
| max-width: 120px; |
| } |
| |
| .disable-auto-launch-button, |
| .enable-auto-launch-button { |
| display: none; |
| } |
| |
| .kiosk-app-list-item[auto-launch]:hover .disable-auto-launch-button, |
| .kiosk-app-list-item:not([auto-launch]):hover .enable-auto-launch-button { |
| display: inline-block; |
| } |
| |
| #kiosk-disable-bailout-confirm-overlay { |
| width: 250px |
| } |
| |
| #kiosk-disable-bailout-warning-bold { |
| font-weight: bold; |
| } |