chrome/browser/resources/extensions/extension_error.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 .extension-error-list a {
   6   cursor: pointer;
   7 }
   8
   9 .extension-error-list-contents {
  10   -webkit-transition: max-height 150ms;
  11   list-style-type: none;
  12   overflow-y: hidden;
  13 }
  14
  15 .extension-error-list-contents.active {
  16   max-height: 200px;
  17 }
  18
  19 .extension-error-list-contents,
  20 .extension-error-list-contents.deactivating {
  21   /* Simply toggling .active on and off doesn't transition both ways as it
  22    * changes the display type of some li elements. To fix this, .deactivating
  23    * is added while the list is closing to change only the max-height. */
  24   max-height: 50px;
  25 }
  26
  27 .extension-error-list-contents.scrollable {
  28   overflow-y: auto;
  29 }
  30
  31 /* These next three rules hide all except for the most recent three entries in
  32  * the list, unless the list is active. */
  33 .extension-error-list-contents li {
  34   display: none;
  35 }
  36 .extension-error-list-contents.active li,
  37 .extension-error-list ul li:nth-last-child(-n + 3) {
  38   display: initial;
  39 }
  40
  41 .extension-error-list-contents {
  42   -webkit-padding-start: 20px;
  43 }
  44
  45 .extension-error-list-show-more {
  46   text-align: center;
  47   width: 100%;
  48 }
  49
  50 .extension-error-list-show-more button {
  51   width: auto;
  52 }
  53
  54 .extension-error-metadata {
  55   -webkit-padding-end: 1px;
  56   display: flex;
  57   flex-direction: row;
  58   margin-bottom: 1px;
  59   margin-top: 1px;
  60 }
  61
  62 .extension-error-icon {
  63   -webkit-margin-end: 3px;
  64   -webkit-margin-start: 3px;
  65   height: 15px;
  66   vertical-align: middle;
  67   width: 15px;
  68 }
  69
  70 .extension-error-message {
  71   flex: 1;
  72   overflow: hidden;
  73   text-overflow: ellipsis;
  74   vertical-align: middle;
  75   white-space: nowrap;
  76 }
  77
  78 .extension-error-severity-info .extension-error-message {
  79   color: #333;
  80 }
  81 .extension-error-severity-info .extension-error-icon {
  82   content: url(extension_error_severity_info.png);
  83 }
  84
  85 .extension-error-severity-warning .extension-error-message {
  86   color: rgba(250, 145, 0, 255);
  87 }
  88 .extension-error-severity-warning .extension-error-icon {
  89   content: url(extension_error_severity_warning.png);
  90 }
  91
  92 .extension-error-severity-fatal .extension-error-message {
  93   color: rgba(200, 50, 50, 255);
  94 }
  95 .extension-error-severity-fatal .extension-error-icon {
  96   content: url(extension_error_severity_fatal.png);
  97 }