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([hasElementFocus]) > *:not(:hover):not([selected]) .row-delete-button,
  40 list[disabled] .row-delete-button,
  41 list .row-delete-button[disabled] {
  42   opacity: 0;
  43   pointer-events: none;
  44 }
  45
  46 list .row-delete-button:hover {
  47   background-image: -webkit-image-set(
  48       url('../../../../../ui/resources/default_100_percent/close_2_hover.png')
  49           1x,
  50       url('../../../../../ui/resources/default_200_percent/close_2_hover.png')
  51           2x);
  52 }
  53
  54 list .row-delete-button:active {
  55   background-image: -webkit-image-set(
  56       url('../../../../../ui/resources/default_100_percent/close_2_pressed.png')
  57           1x,
  58       url('../../../../../ui/resources/default_200_percent/close_2_pressed.png')
  59           2x);
  60 }
  61
  62 .controlled-setting-with-label > input:disabled + span label {
  63   color: #999;
  64 }
  65
  66 #kiosk-app-id-edit-row {
  67   -webkit-justify-content: space-between;
  68   display: -webkit-flex;
  69   width: 510px;
  70 }
  71
  72 #kiosk-app-id-edit,
  73 #kiosk-app-add {
  74   display: block;
  75 }
  76
  77 #kiosk-app-id-edit {
  78   -webkit-flex-grow: 1;
  79   -webkit-margin-end: 10px;
  80 }
  81
  82 #kiosk-apps-error-banner {
  83   -webkit-transition: opacity 150ms;
  84   background-color: rgb(223, 165, 165);
  85   margin: 2px 0;
  86   opacity: 0;
  87   padding: 5px;
  88   visibility: hidden;
  89   white-space: nowrap;
  90   width: 100%;
  91 }
  92
  93 #kiosk-apps-error-banner.visible {
  94   opacity: 1;
  95   visibility: visible;
  96 }
  97
  98 .kiosk-app-list-item {
  99   white-space: nowrap;
 100 }
 101
 102 .kiosk-app-list-item .space-filler {
 103   -webkit-box-flex: 1;
 104 }
 105
 106 .kiosk-app-icon,
 107 .kiosk-app-name,
 108 .kiosk-app-status {
 109   display: inline-block;
 110   vertical-align: middle;
 111 }
 112
 113 .kiosk-app-icon {
 114   background-size: 100%;
 115   height: 16px;
 116   width: 16px;
 117 }
 118
 119 .kiosk-app-icon.spinner {
 120   background-image: url('chrome://resources/images/spinner.svg') !important;
 121 }
 122
 123 .kiosk-app-name,
 124 .kiosk-app-status {
 125   overflow: hidden;
 126   text-overflow: ellipsis;
 127 }
 128
 129 .kiosk-app-name {
 130   max-width: 250px;
 131 }
 132
 133 .kiosk-app-status {
 134   -webkit-margin-start: 8px;
 135   max-width: 120px;
 136 }
 137
 138 .disable-auto-launch-button,
 139 .enable-auto-launch-button {
 140   display: none;
 141 }
 142
 143 .kiosk-app-list-item[auto-launch]:hover .disable-auto-launch-button,
 144 .kiosk-app-list-item:not([auto-launch]):hover .enable-auto-launch-button {
 145   display: inline-block;
 146 }
 147
 148 #kiosk-disable-bailout-confirm-overlay {
 149   width: 250px
 150 }
 151
 152 #kiosk-disable-bailout-warning-bold {
 153   font-weight: bold;
 154 }