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 #kiosk-app-id-edit-row {
  63   -webkit-justify-content: space-between;
  64   display: -webkit-flex;
  65   width: 510px;
  66 }
  67
  68 #kiosk-app-id-edit,
  69 #kiosk-app-add {
  70   display: block;
  71 }
  72
  73 #kiosk-app-id-edit {
  74   -webkit-flex-grow: 1;
  75   -webkit-margin-end: 10px;
  76 }
  77
  78 #kiosk-apps-error-banner {
  79   -webkit-transition: opacity 150ms;
  80   background-color: rgb(223, 165, 165);
  81   margin: 2px 0;
  82   opacity: 0;
  83   padding: 5px;
  84   visibility: hidden;
  85   white-space: nowrap;
  86   width: 100%;
  87 }
  88
  89 #kiosk-apps-error-banner.visible {
  90   opacity: 1;
  91   visibility: visible;
  92 }
  93
  94 .kiosk-app-list-item {
  95   white-space: nowrap;
  96 }
  97
  98 .kiosk-app-list-item .space-filler {
  99   -webkit-box-flex: 1;
 100 }
 101
 102 .kiosk-app-icon,
 103 .kiosk-app-name,
 104 .kiosk-app-status {
 105   display: inline-block;
 106   vertical-align: middle;
 107 }
 108
 109 .kiosk-app-icon {
 110   background-size: 100%;
 111   height: 16px;
 112   width: 16px;
 113 }
 114
 115 .kiosk-app-icon.spinner {
 116   background-image: url('chrome://resources/images/spinner.svg') !important;
 117 }
 118
 119 .kiosk-app-name,
 120 .kiosk-app-status {
 121   overflow: hidden;
 122   text-overflow: ellipsis;
 123 }
 124
 125 .kiosk-app-name {
 126   max-width: 250px;
 127 }
 128
 129 .kiosk-app-status {
 130   -webkit-margin-start: 8px;
 131   max-width: 120px;
 132 }
 133
 134 .disable-auto-launch-button,
 135 .enable-auto-launch-button {
 136   display: none;
 137 }
 138
 139 .kiosk-app-list-item[auto-launch]:hover .disable-auto-launch-button,
 140 .kiosk-app-list-item:not([auto-launch]):hover .enable-auto-launch-button {
 141   display: inline-block;
 142 }
 143
 144 #kiosk-disable-bailout-confirm-overlay {
 145   width: 250px
 146 }
 147
 148 #kiosk-disable-bailout-warning-bold {
 149   font-weight: bold;
 150 }