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

Side by Side Diff: skin/mobile-options.css

Issue 29529779: Issue 5586 - Replaced toggle.png with toggle.svg (Closed)
Patch Set: Created Aug. 28, 2017, 5:49 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | skin/mobile/toggle.svg » ('j') | 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 168 matching lines...) Expand 10 before | Expand all | Expand 10 after
179 { 179 {
180 display: none; 180 display: none;
181 } 181 }
182 182
183 .toggle-image 183 .toggle-image
184 { 184 {
185 display: inline-block; 185 display: inline-block;
186 flex-shrink: 0; 186 flex-shrink: 0;
187 width: 36px; 187 width: 36px;
188 height: 21px; 188 height: 21px;
189 background-image: url(mobile/toggle.png); 189 background-image: url(mobile/toggle.svg#off);
190 } 190 }
191 191
192 input:checked + .toggle-image 192 input:checked + .toggle-image
193 { 193 {
194 background-position: 0 -22px; 194 background-image: url(mobile/toggle.svg#on);
195 } 195 }
196 196
197 button 197 button
198 { 198 {
199 width: 100%; 199 width: 100%;
200 height: 46px; /* equal to height of list item */ 200 height: 46px; /* equal to height of list item */
201 border: none; 201 border: none;
202 font-weight: 600; 202 font-weight: 600;
203 text-transform: uppercase; 203 text-transform: uppercase;
204 color: #099DD1; 204 color: #099DD1;
(...skipping 159 matching lines...) Expand 10 before | Expand all | Expand 10 after
364 { 364 {
365 background-color: #BBBBBB; 365 background-color: #BBBBBB;
366 mask: url(mobile/checkmark.svg) center/cover no-repeat; 366 mask: url(mobile/checkmark.svg) center/cover no-repeat;
367 } 367 }
368 368
369 #dialog-recommended > button 369 #dialog-recommended > button
370 { 370 {
371 border-width: 1px 0 0 0; 371 border-width: 1px 0 0 0;
372 text-align: center; 372 text-align: center;
373 } 373 }
OLDNEW
« no previous file with comments | « no previous file | skin/mobile/toggle.svg » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld