chrome/browser/resources/extensions/chromeos/kiosk_apps.css

   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/throbber_small.svg)
 122       !important;
 123 }
 124
 125 .kiosk-app-name,
 126 .kiosk-app-status {
 127   overflow: hidden;
 128   text-overflow: ellipsis;
 129 }
 130
 131 .kiosk-app-name {
 132   max-width: 250px;
 133 }
 134
 135 .kiosk-app-status {
 136   -webkit-margin-start: 8px;
 137   max-width: 120px;
 138 }
 139
 140 .disable-auto-launch-button,
 141 .enable-auto-launch-button {
 142   display: none;
 143 }
 144
 145 .kiosk-app-list-item[auto-launch]:hover .disable-auto-launch-button,
 146 .kiosk-app-list-item:not([auto-launch]):hover .enable-auto-launch-button {
 147   display: inline-block;
 148 }
 149
 150 #kiosk-disable-bailout-confirm-overlay {
 151   width: 250px
 152 }
 153
 154 #kiosk-disable-bailout-warning-bold {
 155   font-weight: bold;
 156 }