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

Side by Side Diff: skin/devtools-panel.css

Issue 29695580: Issue 5093 - Indicate whether request in devtools panel belongs to tab (Closed)
Patch Set: Created Feb. 14, 2018, 10:23 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« devtools-panel.js ('K') | « devtools-panel.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
101 #items 106 #items
102 { 107 {
103 overflow-y: scroll; 108 overflow-y: scroll;
104 flex-grow: 1; 109 flex-grow: 1;
105 } 110 }
106 111
107 #items table 112 #items table
108 { 113 {
109 line-height: 17px; 114 line-height: 17px;
110
111 /* This background image gives every other row a gray background.
112 * This is simlar to "tr:nth-child(odd) background-color: #eee;".
113 * However, we can't do it that way, since some rows might be hidden.
114 */
115 background-image: url(data:image/gif;base64,R0lGODdhAQBQAIABAO7u7v///ywAAAAAAQ BQAAACC4SPqcsYD6OctMYCADs=);
116 background-repeat: repeat;
117 } 115 }
118 116
119 body.dark #items table 117 #items tr:not(#background-items):nth-child(odd)
120 { 118 {
121 background-image: url(data:image/gif;base64,R0lGODdhAQBQAIACACQkJExMTCwAAAAAAQ BQAAACC4yPqcsID6OctMYCADs=); 119 background-color: #eeeeee;
122 } 120 }
123 121
124 #items tr 122 #background-items ~ tr
123 {
124 background-color: #fdf3fd;
125 }
126
127 #background-items ~ tr:nth-child(odd)
128 {
129 background-color: #ede3ed;
130 }
131
132 body.dark #items tr:not(#background-items):nth-child(odd)
133 {
134 background-color: #4c4c4c;
135 }
136
137 #items tr:not(#background-items)
125 { 138 {
126 height: 40px; 139 height: 40px;
127 } 140 }
128 141
129 #items tr[data-state=blocked] 142 #items tr[data-state=blocked]
130 { 143 {
131 color: red; 144 color: red;
132 } 145 }
133 146
134 body.dark #items tr[data-state=blocked] 147 body.dark #items tr[data-state=blocked]
135 { 148 {
136 color: #ff3a3a; 149 color: #ff3a3a;
137 } 150 }
138 151
139 #items tr[data-state=whitelisted] 152 #items tr[data-state=whitelisted]
140 { 153 {
141 color: green; 154 color: green;
142 } 155 }
143 156
144 body.dark #items tr[data-state=whitelisted] 157 body.dark #items tr[data-state=whitelisted]
145 { 158 {
146 color: #389c22; 159 color: #389c22;
147 } 160 }
148 161
149 #items[data-filter-state=blocked] tr:not([data-state=blocked]), 162 #items #background-items:last-child
150 #items[data-filter-state=whitelisted] tr:not([data-state=whitelisted])
151 { 163 {
152 display: none; 164 display: none;
153 } 165 }
154 166
155 .changed, .unnamed 167 .changed, .unnamed
156 { 168 {
157 font-style: italic 169 font-style: italic
158 } 170 }
159 171
160 .request-wrapper, .filter-wrapper 172 .request-wrapper, .filter-wrapper
161 { 173 {
162 display: flex; 174 display: flex;
163 height: 100%; 175 height: 100%;
164 flex-direction: column; 176 flex-direction: column;
165 } 177 }
166 178
167 tr:not(:hover) .action 179 tr:not(:hover) .action
168 { 180 {
169 display: none; 181 display: none;
170 } 182 }
171 183
172 .url 184 .url
173 { 185 {
174 width: 100%; 186 width: 100%;
175 } 187 }
176 188
177 .resource-link { 189 .resource-link
190 {
178 text-decoration: none; 191 text-decoration: none;
179 color: #303942; 192 color: #303942;
180 } 193 }
181 194
182 .resource-link:hover { 195 .resource-link:hover
196 {
183 text-decoration: underline; 197 text-decoration: underline;
184 } 198 }
185 199
186 .action-wrapper 200 .action-wrapper
187 { 201 {
188 display: flex; 202 display: flex;
189 width: 100%; 203 width: 100%;
190 } 204 }
191 205
192 .action 206 .action
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
240 254
241 .filtered-by-search 255 .filtered-by-search
242 { 256 {
243 display: none; 257 display: none;
244 } 258 }
245 259
246 body.dark #reload 260 body.dark #reload
247 { 261 {
248 color: #2a67e7; 262 color: #2a67e7;
249 } 263 }
OLDNEW
« devtools-panel.js ('K') | « devtools-panel.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld