1/* Copyright 2013 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5#kiosk-apps-page .checkbox {
6  display: block;
7}
8
9#kiosk-app-list {
10  border: 1px solid lightgrey;
11  height: 200px;
12  margin-bottom: 5px;
13}
14
15#kiosk-app-list > * {
16  -webkit-box-align: center;
17  box-sizing: border-box;
18  display: -webkit-box;
19  height: 32px;
20}
21
22/* TODO(xiyuan): The .row-delete-button rules probably should live somewhere
23 * else and be shared with options.css */
24list .row-delete-button {
25  -webkit-transition: 150ms opacity;
26  background-color: transparent;
27  /* TODO(stuartmorgan): Replace with real images once they are available. */
28  background-image: -webkit-image-set(
29      url('../../../../../ui/resources/default_100_percent/close_2.png') 1x,
30      url('../../../../../ui/resources/default_200_percent/close_2.png') 2x);
31  border: none;
32  display: block;
33  height: 16px;
34  opacity: 1;
35  width: 16px;
36}
37
38list > *:not(:hover):not([selected]):not([lead]) .row-delete-button,
39list:not([has-element-focus]) > *:not(:hover):not([selected])
40    .row-delete-button,
41list[disabled] .row-delete-button,
42list .row-delete-button[disabled] {
43  opacity: 0;
44  pointer-events: none;
45}
46
47list .row-delete-button:hover {
48  background-image: -webkit-image-set(
49      url('../../../../../ui/resources/default_100_percent/close_2_hover.png')
50          1x,
51      url('../../../../../ui/resources/default_200_percent/close_2_hover.png')
52          2x);
53}
54
55list .row-delete-button:active {
56  background-image: -webkit-image-set(
57      url('../../../../../ui/resources/default_100_percent/close_2_pressed.png')
58          1x,
59      url('../../../../../ui/resources/default_200_percent/close_2_pressed.png')
60          2x);
61}
62
63.controlled-setting-with-label > input:disabled + span label {
64  color: #999;
65}
66
67#kiosk-app-id-edit-row {
68  -webkit-justify-content: space-between;
69  display: -webkit-flex;
70  width: 510px;
71}
72
73#kiosk-app-id-edit,
74#kiosk-app-add {
75  display: block;
76}
77
78#kiosk-app-id-edit {
79  -webkit-flex-grow: 1;
80  -webkit-margin-end: 10px;
81}
82
83#kiosk-apps-error-banner {
84  -webkit-transition: opacity 150ms;
85  background-color: rgb(223, 165, 165);
86  margin: 2px 0;
87  opacity: 0;
88  padding: 5px;
89  visibility: hidden;
90  white-space: nowrap;
91  width: 100%;
92}
93
94#kiosk-apps-error-banner.visible {
95  opacity: 1;
96  visibility: visible;
97}
98
99.kiosk-app-list-item {
100  white-space: nowrap;
101}
102
103.kiosk-app-list-item .space-filler {
104  -webkit-box-flex: 1;
105}
106
107.kiosk-app-icon,
108.kiosk-app-name,
109.kiosk-app-status {
110  display: inline-block;
111  vertical-align: middle;
112}
113
114.kiosk-app-icon {
115  background-size: 100%;
116  height: 16px;
117  width: 16px;
118}
119
120.kiosk-app-icon.spinner {
121  background-image: url('chrome://resources/images/spinner.svg') !important;
122}
123
124.kiosk-app-name,
125.kiosk-app-status {
126  overflow: hidden;
127  text-overflow: ellipsis;
128}
129
130.kiosk-app-name {
131  max-width: 250px;
132}
133
134.kiosk-app-status {
135  -webkit-margin-start: 8px;
136  max-width: 120px;
137}
138
139.disable-auto-launch-button,
140.enable-auto-launch-button {
141  display: none;
142}
143
144.kiosk-app-list-item[auto-launch]:hover .disable-auto-launch-button,
145.kiosk-app-list-item:not([auto-launch]):hover .enable-auto-launch-button {
146  display: inline-block;
147}
148
149#kiosk-disable-bailout-confirm-overlay {
150  width: 250px
151}
152
153#kiosk-disable-bailout-warning-bold {
154  font-weight: bold;
155}
156