| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 body { | 5 body { |
| 6 position: relative; | 6 position: relative; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #main-content { | 9 #main-content { |
| 10 bottom: 0; | 10 bottom: 0; |
| (...skipping 259 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 270 -webkit-box-flex: 1; | 270 -webkit-box-flex: 1; |
| 271 -webkit-padding-end: 5px; | 271 -webkit-padding-end: 5px; |
| 272 display: -webkit-box; | 272 display: -webkit-box; |
| 273 } | 273 } |
| 274 | 274 |
| 275 list .row-delete-button { | 275 list .row-delete-button { |
| 276 -webkit-transition: 150ms opacity; | 276 -webkit-transition: 150ms opacity; |
| 277 background-color: transparent; | 277 background-color: transparent; |
| 278 /* TODO(stuartmorgan): Replace with real images once they are available. */ | 278 /* TODO(stuartmorgan): Replace with real images once they are available. */ |
| 279 background-image: -webkit-image-set( | 279 background-image: -webkit-image-set( |
| 280 url('../../../../ui/resources/default_100_percent/close_bar.png') 1x, | 280 url('../../../../ui/resources/default_100_percent/button_close_2_normal.png') |
| 281 url('../../../../ui/resources/default_200_percent/close_bar.png') 2x); | 281 1x, |
| 282 url('../../../../ui/resources/default_200_percent/button_close_2_normal.png') |
| 283 2x); |
| 282 border: none; | 284 border: none; |
| 283 display: block; | 285 display: block; |
| 284 height: 16px; | 286 height: 16px; |
| 285 opacity: 1; | 287 opacity: 1; |
| 286 width: 16px; | 288 width: 16px; |
| 287 } | 289 } |
| 288 | 290 |
| 289 list > *:not(:hover):not([selected]):not([lead]) .row-delete-button, | 291 list > *:not(:hover):not([selected]):not([lead]) .row-delete-button, |
| 290 list:not([hasElementFocus]) > *:not(:hover):not([selected]) .row-delete-button, | 292 list:not([hasElementFocus]) > *:not(:hover):not([selected]) .row-delete-button, |
| 291 list[disabled] .row-delete-button, | 293 list[disabled] .row-delete-button, |
| 292 list .row-delete-button[disabled] { | 294 list .row-delete-button[disabled] { |
| 293 opacity: 0; | 295 opacity: 0; |
| 294 pointer-events: none; | 296 pointer-events: none; |
| 295 } | 297 } |
| 296 | 298 |
| 297 /* HostedApp entries use the disabled closing button to display the App's | 299 /* HostedApp entries use the disabled closing button to display the App's |
| 298 * favicon, as an indicator that instead of deleting the permission here | 300 * favicon, as an indicator that instead of deleting the permission here |
| 299 * the user has to remove the hosted app.*/ | 301 * the user has to remove the hosted app.*/ |
| 300 list div[role='listitem'][managedby='HostedApp'] .row-delete-button { | 302 list div[role='listitem'][managedby='HostedApp'] .row-delete-button { |
| 301 opacity: 1; | 303 opacity: 1; |
| 302 } | 304 } |
| 303 | 305 |
| 304 list .row-delete-button:hover { | 306 list .row-delete-button:hover { |
| 305 background-image: -webkit-image-set( | 307 background-image: -webkit-image-set( |
| 306 url('../../../../ui/resources/default_100_percent/close_bar_hover.png') | 308 url('../../../../ui/resources/default_100_percent/button_close_2_hover.png') |
| 307 1x, | 309 1x, |
| 308 url('../../../../ui/resources/default_200_percent/close_bar_hover.png') | 310 url('../../../../ui/resources/default_200_percent/button_close_2_hover.png') |
| 309 2x); | 311 2x); |
| 310 } | 312 } |
| 311 | 313 |
| 312 list .row-delete-button:active { | 314 list .row-delete-button:active { |
| 313 background-image: -webkit-image-set( | 315 background-image: -webkit-image-set( |
| 314 url('../../../../ui/resources/default_100_percent/close_bar_pressed.png') | 316 url('../../../../ui/resources/default_100_percent/button_close_2_pressed.png') |
| 315 1x, | 317 1x, |
| 316 url('../../../../ui/resources/default_200_percent/close_bar_pressed.png') | 318 url('../../../../ui/resources/default_200_percent/button_close_2_pressed.png') |
| 317 2x); | 319 2x); |
| 318 } | 320 } |
| 319 | 321 |
| 320 list .static-text { | 322 list .static-text { |
| 321 overflow: hidden; | 323 overflow: hidden; |
| 322 text-overflow: ellipsis; | 324 text-overflow: ellipsis; |
| 323 white-space: nowrap; | 325 white-space: nowrap; |
| 324 } | 326 } |
| 325 | 327 |
| 326 list[type='text'][inlineeditable] input { | 328 list[type='text'][inlineeditable] input { |
| 327 box-sizing: border-box; | 329 box-sizing: border-box; |
| (...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 541 url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE'); | 543 url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE'); |
| 542 } | 544 } |
| 543 | 545 |
| 544 html[dir='rtl'] .controlled-setting-bubble-content { | 546 html[dir='rtl'] .controlled-setting-bubble-content { |
| 545 background-position: right top; | 547 background-position: right top; |
| 546 } | 548 } |
| 547 | 549 |
| 548 .controlled-setting-bubble-action { | 550 .controlled-setting-bubble-action { |
| 549 padding: 0 !important; | 551 padding: 0 !important; |
| 550 } | 552 } |
| OLD | NEW |