OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <head> | 2 <head> |
3 <title>Site Engagement</title> | 3 <title>Site Engagement</title> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> | 5 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> |
6 <script src="chrome://resources/js/util.js"></script> | 6 <script src="chrome://resources/js/util.js"></script> |
7 <script src="chrome://site-engagement/site_engagement.js"></script> | 7 <script src="chrome://site-engagement/site_engagement.js"></script> |
8 <style> | 8 <style> |
9 body { | 9 body { |
10 font-family: 'Roboto', 'Noto', sans-serif; | 10 font-family: 'Roboto', 'Noto', sans-serif; |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
54 border-radius: 2px; | 54 border-radius: 2px; |
55 text-align: right; | 55 text-align: right; |
56 width: 70px; | 56 width: 70px; |
57 } | 57 } |
58 | 58 |
59 .score-input:focus { | 59 .score-input:focus { |
60 border: 1px solid rgb(143, 185, 252); | 60 border: 1px solid rgb(143, 185, 252); |
61 box-shadow: 0 0 2px rgb(113, 158, 206); | 61 box-shadow: 0 0 2px rgb(113, 158, 206); |
62 outline: none; | 62 outline: none; |
63 } | 63 } |
64 | 64 |
65 table tr:hover { | 65 table tr:hover { |
66 background: rgb(255, 255, 187); | 66 background: rgb(255, 255, 187); |
67 } | 67 } |
68 | 68 |
69 th.sort-column::after { | 69 th.sort-column::after { |
70 content: '▲'; | 70 content: '▲'; |
71 } | 71 } |
72 | 72 |
73 th[sort-reverse].sort-column::after { | 73 th[sort-reverse].sort-column::after { |
74 content: '▼'; | 74 content: '▼'; |
75 } | 75 } |
76 </style> | 76 </style> |
77 </head> | 77 </head> |
78 <body> | 78 <body> |
79 <h1>Site Engagement</h1> | 79 <h1>Site Engagement</h1> |
80 <table> | 80 <table> |
81 <thead> | 81 <thead> |
82 <tr id="engagement-table-header"> | 82 <tr id="engagement-table-header"> |
83 <th sort-key="origin"> | 83 <th sort-key="origin"> |
84 Origin | 84 Origin |
85 </th> | 85 </th> |
86 <th sort-key="score" class="sort-column" sort-reverse> | 86 <th sort-key="total_score" class="sort-column" sort-reverse> |
87 Points | 87 Points |
88 </th> | 88 </th> |
89 </tr> | 89 </tr> |
90 </thead> | 90 </thead> |
91 <tbody id="engagement-table-body"> | 91 <tbody id="engagement-table-body"> |
92 </tbody> | 92 </tbody> |
93 </table> | 93 </table> |
94 </body> | 94 </body> |
95 </html> | 95 </html> |
OLD | NEW |