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 */ 24 list .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 38 list > *:not(:hover):not([selected]):not([lead]) .row-delete-button, 39 list:not([has-element-focus]) > *:not(:hover):not([selected]) 40 .row-delete-button, 41 list[disabled] .row-delete-button, 42 list .row-delete-button[disabled] { 43 opacity: 0; 44 pointer-events: none; 45 } 46 47 list .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 55 list .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