Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(492)

Side by Side Diff: chrome/browser/resources/extensions/extension_error_overlay.css

Issue 252593003: Improve UI for unpacked extensions failing to load (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Android fix Created 6 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 /* Copyright 2013 The Chromium Authors. All rights reserved. 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 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 #extension-error-overlay { 5 #extension-error-overlay {
6 max-width: 100%; 6 max-width: 100%;
7 } 7 }
8 8
9 #extension-error-overlay .content-area { 9 #extension-error-overlay .content-area {
10 display: flex; 10 display: flex;
11 flex-direction: column; 11 flex-direction: column;
12 } 12 }
13 13
14 .extension-error-overlay-runtime-content { 14 .extension-error-overlay-runtime-content {
15 flex: none; 15 flex: none;
16 } 16 }
17 17
18 #extension-error-overlay .highlighted-source { 18 #extension-error-overlay .extension-code-highlighted-source {
19 background-color: rgba(255, 195, 200, 255); 19 background-color: rgba(255, 195, 200, 255);
20 } 20 }
21 21
22 #extension-error-overlay-code { 22 #extension-error-overlay-code {
23 -webkit-margin-after: 10px; 23 -webkit-margin-after: 10px;
24 border: 1px solid #ccc;
25 display: flex;
26 font-family: monospace;
27 font-size: 1.2em; 24 font-size: 1.2em;
28 overflow: auto;
29 white-space: pre;
30 } 25 }
31 26
32 #extension-error-overlay-code > * { 27 #extension-error-overlay .extension-code-source {
33 padding: 5px;
34 }
35
36 #extension-error-overlay-source {
37 color: #555; 28 color: #555;
38 } 29 }
39 30
40 #extension-error-overlay-line-numbers {
41 align-self: flex-start;
42 background-color: rgba(240, 240, 240, 1);
43 border-right: 1px solid #ccc;
44 color: rgba(128, 128, 128, 1);
45 flex-shrink: 0;
46 text-align: right;
47 }
48
49 .extension-error-overlay-context { 31 .extension-error-overlay-context {
50 -webkit-margin-after: 10px; 32 -webkit-margin-after: 10px;
51 font-size: 1.1em; 33 font-size: 1.1em;
52 } 34 }
53 35
54 .extension-error-overlay-stack-trace-list { 36 .extension-error-overlay-stack-trace-list {
55 list-style-type: none; 37 list-style-type: none;
56 padding: 0; 38 padding: 0;
57 } 39 }
58 40
(...skipping 15 matching lines...) Expand all
74 cursor: pointer; 56 cursor: pointer;
75 } 57 }
76 58
77 .extension-error-overlay-stack-trace-list li:hover { 59 .extension-error-overlay-stack-trace-list li:hover {
78 background-color: #eee; 60 background-color: #eee;
79 } 61 }
80 62
81 .extension-error-overlay-stack-trace-list li.extension-error-active { 63 .extension-error-overlay-stack-trace-list li.extension-error-active {
82 background-color: rgba(0, 100, 255, 0.1); 64 background-color: rgba(0, 100, 255, 0.1);
83 } 65 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698