| OLD | NEW |
| 1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 #kiosk-apps-page .checkbox { | 5 #kiosk-apps-page .checkbox { |
| 6 display: block; | 6 display: block; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #kiosk-app-list { | 9 #kiosk-app-list { |
| 10 border: 1px solid lightgrey; | 10 border: 1px solid lightgrey; |
| 11 height: 200px; | 11 height: 200px; |
| 12 margin-bottom: 5px; | 12 margin-bottom: 5px; |
| 13 } | 13 } |
| 14 | 14 |
| 15 #kiosk-app-list > * { | 15 #kiosk-app-list > * { |
| 16 -webkit-box-align: center; | 16 -webkit-box-align: center; |
| 17 box-sizing: border-box; | 17 box-sizing: border-box; |
| 18 display: -webkit-box; | 18 display: -webkit-box; |
| 19 height: 32px; | 19 height: 32px; |
| 20 } | 20 } |
| 21 | 21 |
| 22 /* TODO(xiyuan): The .row-delete-button rules probably should live somewhere | 22 /* TODO(xiyuan): The .row-delete-button rules probably should live somewhere |
| 23 * else and be shared with options.css */ | 23 * else and be shared with options.css */ |
| 24 list .row-delete-button { | 24 list .row-delete-button { |
| 25 -webkit-transition: 150ms opacity; | |
| 26 background-color: transparent; | 25 background-color: transparent; |
| 27 background-image: -webkit-image-set( | 26 background-image: -webkit-image-set( |
| 28 url(../../../../../ui/resources/default_100_percent/close_2.png) 1x, | 27 url(../../../../../ui/resources/default_100_percent/close_2.png) 1x, |
| 29 url(../../../../../ui/resources/default_200_percent/close_2.png) 2x); | 28 url(../../../../../ui/resources/default_200_percent/close_2.png) 2x); |
| 30 border: none; | 29 border: none; |
| 31 display: block; | 30 display: block; |
| 32 height: 16px; | 31 height: 16px; |
| 33 opacity: 1; | 32 opacity: 1; |
| 33 transition: 150ms opacity; |
| 34 width: 16px; | 34 width: 16px; |
| 35 } | 35 } |
| 36 | 36 |
| 37 list > *:not(:hover):not([selected]):not([lead]) .row-delete-button, | 37 list > *:not(:hover):not([selected]):not([lead]) .row-delete-button, |
| 38 list:not([has-element-focus]) > *:not(:hover):not([selected]) | 38 list:not([has-element-focus]) > *:not(:hover):not([selected]) |
| 39 .row-delete-button, | 39 .row-delete-button, |
| 40 list[disabled] .row-delete-button, | 40 list[disabled] .row-delete-button, |
| 41 list .row-delete-button[disabled] { | 41 list .row-delete-button[disabled] { |
| 42 opacity: 0; | 42 opacity: 0; |
| 43 pointer-events: none; | 43 pointer-events: none; |
| (...skipping 29 matching lines...) Expand all Loading... |
| 73 #kiosk-app-add { | 73 #kiosk-app-add { |
| 74 display: block; | 74 display: block; |
| 75 } | 75 } |
| 76 | 76 |
| 77 #kiosk-app-id-edit { | 77 #kiosk-app-id-edit { |
| 78 -webkit-flex-grow: 1; | 78 -webkit-flex-grow: 1; |
| 79 -webkit-margin-end: 10px; | 79 -webkit-margin-end: 10px; |
| 80 } | 80 } |
| 81 | 81 |
| 82 #kiosk-apps-error-banner { | 82 #kiosk-apps-error-banner { |
| 83 -webkit-transition: opacity 150ms; | |
| 84 background-color: rgb(223, 165, 165); | 83 background-color: rgb(223, 165, 165); |
| 85 margin: 2px 0; | 84 margin: 2px 0; |
| 86 opacity: 0; | 85 opacity: 0; |
| 87 padding: 5px; | 86 padding: 5px; |
| 87 transition: opacity 150ms; |
| 88 visibility: hidden; | 88 visibility: hidden; |
| 89 white-space: nowrap; | 89 white-space: nowrap; |
| 90 width: 100%; | 90 width: 100%; |
| 91 } | 91 } |
| 92 | 92 |
| 93 #kiosk-apps-error-banner.visible { | 93 #kiosk-apps-error-banner.visible { |
| 94 opacity: 1; | 94 opacity: 1; |
| 95 visibility: visible; | 95 visibility: visible; |
| 96 } | 96 } |
| 97 | 97 |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 146 display: inline-block; | 146 display: inline-block; |
| 147 } | 147 } |
| 148 | 148 |
| 149 #kiosk-disable-bailout-confirm-overlay { | 149 #kiosk-disable-bailout-confirm-overlay { |
| 150 width: 250px | 150 width: 250px |
| 151 } | 151 } |
| 152 | 152 |
| 153 #kiosk-disable-bailout-warning-bold { | 153 #kiosk-disable-bailout-warning-bold { |
| 154 font-weight: bold; | 154 font-weight: bold; |
| 155 } | 155 } |
| OLD | NEW |