src/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 500ms ease-in-out;
  11   list-style-type: none;
  12   max-height: 50px;
  13   overflow-y: hidden;
  14 }
  15
  16 .extension-error-list-contents.active {
  17   max-height: 200px;
  18 }
  19
  20 .extension-error-list-contents.scrollable {
  21   overflow-y: auto;
  22 }
  23
  24 /* These next three rules hide all except for the most recent three entries in
  25  * the list, unless the list is active. */
  26 .extension-error-list-contents li {
  27   display: none;
  28 }
  29 .extension-error-list-contents.active li,
  30 .extension-error-list ul li:nth-last-child(-n + 3) {
  31   display: initial;
  32 }
  33
  34 .extension-error-list-contents {
  35   -webkit-padding-start: 20px;
  36 }
  37
  38 .extension-error-list-show-more {
  39   text-align: center;
  40   width: 100%;
  41 }
  42
  43 .extension-error-list-show-more button {
  44   width: auto;
  45 }
  46
  47 .extension-error-metadata {
  48   display: flex;
  49   flex-direction: row;
  50   width: 100%;
  51 }
  52
  53 .extension-error-icon {
  54   -webkit-margin-end: 3px;
  55   -webkit-margin-start: 3px;
  56   height: 15px;
  57   vertical-align: middle;
  58   width: 15px;
  59 }
  60
  61 .extension-error-message {
  62   flex: 1;
  63   overflow: hidden;
  64   text-overflow: ellipsis;
  65   vertical-align: middle;
  66   white-space: nowrap;
  67 }
  68
  69 .extension-error-severity-info .extension-error-message {
  70   color: #333;
  71 }
  72 .extension-error-severity-info .extension-error-icon {
  73   content: url('extension_error_severity_info.png');
  74 }
  75
  76 .extension-error-severity-warning .extension-error-message {
  77   color: rgba(250, 145, 0, 255);
  78 }
  79 .extension-error-severity-warning .extension-error-icon {
  80   content: url('extension_error_severity_warning.png');
  81 }
  82
  83 .extension-error-severity-fatal .extension-error-message {
  84   color: rgba(200, 50, 50, 255);
  85 }
  86 .extension-error-severity-fatal .extension-error-icon {
  87   content: url('extension_error_severity_fatal.png');
  88 }