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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: Source/devtools/front_end/inspectorCommon.css

Issue 596323002: DevTools: make ElementsTreeOutline shadow dom-based. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: tests fixed Created 6 years, 2 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
« no previous file with comments | « Source/devtools/front_end/elementsTreeOutline.css ('k') | Source/devtools/front_end/inspectorStyle.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 html { 1 html {
2 height: 100%; 2 height: 100%;
3 } 3 }
4 4
5 body { 5 body {
6 cursor: default;
7 position: relative;
8 height: 100%; 6 height: 100%;
9 width: 100%; 7 width: 100%;
8 position: relative;
10 overflow: hidden; 9 overflow: hidden;
10 margin: 0;
11 }
12
13 body /deep/ .component-root {
14 cursor: default;
11 font-family: Lucida Grande, sans-serif; 15 font-family: Lucida Grande, sans-serif;
12 font-size: 12px; 16 font-size: 12px;
13 margin: 0;
14 tab-size: 4; 17 tab-size: 4;
15 -webkit-user-select: none; 18 -webkit-user-select: none;
16 color: #222; 19 color: #222;
17 } 20 }
18 21
19 body.platform-linux { 22 body.platform-linux /deep/ .component-root {
20 color: rgb(48, 57, 66); 23 color: rgb(48, 57, 66);
21 font-family: Ubuntu, Arial, sans-serif; 24 font-family: Ubuntu, Arial, sans-serif;
22 } 25 }
23 26
24 body.platform-mac { 27 body.platform-mac /deep/ .component-root {
25 color: rgb(48, 57, 66); 28 color: rgb(48, 57, 66);
26 font-family: 'Lucida Grande', sans-serif; 29 font-family: 'Lucida Grande', sans-serif;
27 } 30 }
28 31
29 body.platform-windows { 32 body.platform-windows /deep/ .component-root {
30 font-family: 'Segoe UI', Tahoma, sans-serif; 33 font-family: 'Segoe UI', Tahoma, sans-serif;
31 } 34 }
32 35
33 * { 36 body.platform-mac /deep/ .monospace,
37 body.platform-mac /deep/ .source-code {
38 font-size: 11px !important;
39 font-family: Menlo, monospace;
40 }
41
42 body.platform-mac.platform-mac-tiger /deep/ .monospace,
43 body.platform-mac.platform-mac-tiger /deep/ .source-code {
44 font-size: 10px !important;
45 font-family: Monaco, monospace;
46 }
47
48 body.platform-windows /deep/ .monospace,
49 body.platform-windows /deep/ .source-code {
50 font-size: 12px !important;
51 font-family: Consolas, Lucida Console, monospace;
52 }
53
54 body.platform-linux /deep/ .monospace,
55 body.platform-linux /deep/ .source-code {
56 font-size: 11px !important;
57 font-family: dejavu sans mono, monospace;
58 }
59
60 body /deep/ .source-code {
61 font-family: monospace;
62 font-size: 11px !important;
63 white-space: pre-wrap;
64 }
65
66 body /deep/ * {
34 box-sizing: border-box; 67 box-sizing: border-box;
35 } 68 }
36 69
37 :focus { 70 body /deep/ :focus {
38 outline: none; 71 outline: none;
39 } 72 }
40 73
41 img { 74 body /deep/ img {
42 -webkit-user-drag: none; 75 -webkit-user-drag: none;
43 } 76 }
44 77
45 iframe, 78 body /deep/ iframe,
46 a img { 79 body /deep/ a img {
47 border: none; 80 border: none;
48 } 81 }
49 82
50 iframe.view { 83 body /deep/ iframe.view {
51 position: absolute; 84 position: absolute;
52 width: 100%; 85 width: 100%;
53 height: 100%; 86 height: 100%;
54 left: 0; 87 left: 0;
55 right: 0; 88 right: 0;
56 top: 0; 89 top: 0;
57 bottom: 0; 90 bottom: 0;
58 } 91 }
59 92
60 .hidden { 93 body /deep/ .hidden {
61 display: none !important; 94 display: none !important;
62 } 95 }
63 96
64 .monospace { 97 body /deep/ .monospace {
65 font-size: 10px !important; 98 font-size: 10px !important;
66 font-family: monospace; 99 font-family: monospace;
67 } 100 }
68 101
69 .highlighted-search-result { 102 body /deep/ .highlighted-search-result {
70 border-radius: 1px; 103 border-radius: 1px;
71 padding: 1px; 104 padding: 1px;
72 margin: -1px; 105 margin: -1px;
73 background-color: rgba(255, 255, 0, 0.8); 106 background-color: rgba(255, 255, 0, 0.8);
74 } 107 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/elementsTreeOutline.css ('k') | Source/devtools/front_end/inspectorStyle.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698