Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: skin/devtools-panel.css

Issue 29695580: Issue 5093 - Indicate whether request in devtools panel belongs to tab (Closed)
Left Patch Set: Created Feb. 13, 2018, 2:29 p.m.
Right Patch Set: Created March 2, 2018, 3:53 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « devtools-panel.js ('k') | no next file » | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
1 /* 1 /*
2 * This file is part of Adblock Plus <https://adblockplus.org/>, 2 * This file is part of Adblock Plus <https://adblockplus.org/>,
3 * Copyright (C) 2006-present eyeo GmbH 3 * Copyright (C) 2006-present eyeo GmbH
4 * 4 *
5 * Adblock Plus is free software: you can redistribute it and/or modify 5 * Adblock Plus is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License version 3 as 6 * it under the terms of the GNU General Public License version 3 as
7 * published by the Free Software Foundation. 7 * published by the Free Software Foundation.
8 * 8 *
9 * Adblock Plus is distributed in the hope that it will be useful, 9 * Adblock Plus is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after
91 91
92 /* 92 /*
93 * We have to add a scrollbar to the header to have the columns there aligned 93 * We have to add a scrollbar to the header to have the columns there aligned
94 * with the table below. But we don't want the scrollbar to be visible there. 94 * with the table below. But we don't want the scrollbar to be visible there.
95 */ 95 */
96 header::-webkit-scrollbar 96 header::-webkit-scrollbar
97 { 97 {
98 visibility: hidden; 98 visibility: hidden;
99 } 99 }
100 100
101 #background-items
102 {
103 background: #c8bec8;
104 }
105
106 #items 101 #items
107 { 102 {
108 overflow-y: scroll; 103 overflow-y: scroll;
109 flex-grow: 1; 104 flex-grow: 1;
110 } 105 }
111 106
112 #items table 107 #items table
113 { 108 {
114 line-height: 17px; 109 line-height: 17px;
115 } 110 }
116 111
117 #items tr:not(#background-items):nth-child(odd) 112 #items table.foreground tr.odd
118 { 113 {
119 background-color: #eeeeee; 114 background-color: #eeeeee;
120 } 115 }
121 116
122 #background-items ~ tr 117 #items table.background tr
123 { 118 {
124 background-color: #fdf3fd; 119 background-color: #fdf3fd;
125 } 120 }
126 121
127 #background-items ~ tr:nth-child(odd) 122 /* it's very convenient to have a first row
123 with a simple convention that when no other
124 rows are available, this automatically hides */
125 #items table.background tr:only-child
126 {
127 display: none;
128 }
129
130 /* it's also straight forward to style / select */
131 #items table.background tr:first-child
132 {
133 height: auto;
134 background-color: #c8bec8;
135 }
136
137 #items table.background tr.odd
128 { 138 {
129 background-color: #ede3ed; 139 background-color: #ede3ed;
130 } 140 }
131 141
132 body.dark #items tr:not(#background-items):nth-child(odd) 142 /* missing specs for .background items */
143 body.dark #items table.foreground tr.odd
133 { 144 {
134 background-color: #4c4c4c; 145 background-color: #4c4c4c;
135 } 146 }
136 147
137 #items tr:not(#background-items) 148 #items tr
138 { 149 {
139 height: 40px; 150 height: 40px;
140 } 151 }
141 152
142 #items tr[data-state=blocked] 153 #items tr[data-state=blocked]
143 { 154 {
144 color: red; 155 color: red;
145 } 156 }
146 157
147 body.dark #items tr[data-state=blocked] 158 body.dark #items tr[data-state=blocked]
148 { 159 {
149 color: #ff3a3a; 160 color: #ff3a3a;
150 } 161 }
151 162
152 #items tr[data-state=whitelisted] 163 #items tr[data-state=whitelisted]
153 { 164 {
154 color: green; 165 color: green;
155 } 166 }
156 167
157 body.dark #items tr[data-state=whitelisted] 168 body.dark #items tr[data-state=whitelisted]
158 { 169 {
159 color: #389c22; 170 color: #389c22;
160 } 171 }
161 172
162 #items #background-items:last-child 173 #items[data-filter-state=blocked] tr:not([data-state=blocked]),
174 #items[data-filter-state=whitelisted] tr:not([data-state=whitelisted])
163 { 175 {
164 display: none; 176 display: none;
165 } 177 }
166 178
167 .changed, .unnamed 179 .changed, .unnamed
168 { 180 {
169 font-style: italic 181 font-style: italic
170 } 182 }
171 183
172 .request-wrapper, .filter-wrapper 184 .request-wrapper, .filter-wrapper
(...skipping 81 matching lines...) Expand 10 before | Expand all | Expand 10 after
254 266
255 .filtered-by-search 267 .filtered-by-search
256 { 268 {
257 display: none; 269 display: none;
258 } 270 }
259 271
260 body.dark #reload 272 body.dark #reload
261 { 273 {
262 color: #2a67e7; 274 color: #2a67e7;
263 } 275 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld