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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/devtools/frontend/devtools_discovery_page.html

Issue 2295623002: DevTools: simplify http handler delegate as it is moving into content. (Closed)
Patch Set: lcean Created 4 years, 3 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
« no previous file with comments | « chrome/browser/devtools/device/adb/mock_adb_server.cc ('k') | chrome/browser/devtools/remote_debugging_server.h » ('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 <head> 2 <head>
3 <title>Inspectable pages</title> 3 <title>Inspectable pages</title>
4 <style> 4 <style>
5 body { 5 body {
6 color: #222; 6 color: #222;
7 font-family: Helvetica, Arial, sans-serif; 7 font-family: Helvetica, Arial, sans-serif;
8 margin: 0; 8 margin: 0;
9 text-shadow: rgba(255, 255, 255, 0.496094) 0px 1px 0px; 9 text-shadow: rgba(255, 255, 255, 0.496094) 0px 1px 0px;
10 } 10 }
(...skipping 17 matching lines...) Expand all
28 color: #222; 28 color: #222;
29 display: flex; 29 display: flex;
30 flex-direction: row; 30 flex-direction: row;
31 text-decoration: none; 31 text-decoration: none;
32 padding: 10px; 32 padding: 10px;
33 -webkit-transition-property: background-color, border-color; 33 -webkit-transition-property: background-color, border-color;
34 -webkit-transition: background-color 0.15s, 0.15s; 34 -webkit-transition: background-color 0.15s, 0.15s;
35 -webkit-transition-delay: 0ms, 0ms; 35 -webkit-transition-delay: 0ms, 0ms;
36 } 36 }
37 37
38 .thumbnail {
39 background-attachment: scroll;
40 background-origin: padding-box;
41 background-repeat: no-repeat;
42 border: 1px solid rgba(184, 184, 184, 1);
43 flex: none;
44 height: 132px;
45 width: 212px;
46 }
47
48 .item:not(.connected):hover { 38 .item:not(.connected):hover {
49 background-color: rgba(242, 242, 242, 1); 39 background-color: rgba(242, 242, 242, 1);
50 border-color: rgba(110, 116, 128, 1); 40 border-color: rgba(110, 116, 128, 1);
51 color: black; 41 color: black;
52 } 42 }
53 43
54 .item.connected .thumbnail {
55 opacity: 0.5;
56 }
57
58 .item.connected:hover { 44 .item.connected:hover {
59 border-color: rgba(184, 184, 184, 1); 45 border-color: rgba(184, 184, 184, 1);
60 color: rgb(110, 116, 128); 46 color: rgb(110, 116, 128);
61 } 47 }
62 48
63 .description { 49 .description {
64 display: flex; 50 display: flex;
65 flex-direction: column; 51 flex-direction: column;
66 } 52 }
67 53
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
116 item_element = document.createElement('a'); 102 item_element = document.createElement('a');
117 item_element.href = overrideFrontendUrl(item_object); 103 item_element.href = overrideFrontendUrl(item_object);
118 item_element.title = item_object.title; 104 item_element.title = item_object.title;
119 } else { 105 } else {
120 item_element = document.createElement('div'); 106 item_element = document.createElement('div');
121 item_element.className = 'connected'; 107 item_element.className = 'connected';
122 item_element.title = 'The tab already has an active debug session'; 108 item_element.title = 'The tab already has an active debug session';
123 } 109 }
124 item_element.classList.add('item'); 110 item_element.classList.add('item');
125 111
126 var thumbnail = document.createElement('div');
127 thumbnail.className = 'thumbnail';
128 thumbnail.style.cssText = 'background-image:url(' +
129 item_object.thumbnailUrl + ')';
130 item_element.appendChild(thumbnail);
131
132 var description = document.createElement('div'); 112 var description = document.createElement('div');
133 description.className = 'description'; 113 description.className = 'description';
134 114
135 var title = document.createElement('div'); 115 var title = document.createElement('div');
136 title.className = 'title'; 116 title.className = 'title';
137 title.textContent = item_object.description || item_object.title; 117 title.textContent = item_object.description || item_object.title;
138 title.style.cssText = 'background-image:url(' + 118 title.style.cssText = 'background-image:url(' +
139 item_object.faviconUrl + ')'; 119 item_object.faviconUrl + ')';
140 description.appendChild(title); 120 description.appendChild(title);
141 121
142 var subtitle = document.createElement('div'); 122 var subtitle = document.createElement('div');
143 subtitle.className = 'subtitle'; 123 subtitle.className = 'subtitle';
144 subtitle.textContent = (item_object.url || '').substring(0, 300); 124 subtitle.textContent = (item_object.url || '').substring(0, 300);
145 description.appendChild(subtitle); 125 description.appendChild(subtitle);
146 126
147 item_element.appendChild(description); 127 item_element.appendChild(description);
148 128
149 document.getElementById('items').appendChild(item_element); 129 document.getElementById('items').appendChild(item_element);
150 } 130 }
151 </script> 131 </script>
152 </head> 132 </head>
153 <body onload='onLoad()'> 133 <body onload='onLoad()'>
154 <div id='caption'>Inspectable pages</div> 134 <div id='caption'>Inspectable pages</div>
155 <hr> 135 <hr>
156 <div id='items'> 136 <div id='items'>
157 </div> 137 </div>
158 </body> 138 </body>
159 </html> 139 </html>
OLDNEW
« no previous file with comments | « chrome/browser/devtools/device/adb/mock_adb_server.cc ('k') | chrome/browser/devtools/remote_debugging_server.h » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698