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

Delta Between Two Patch Sets: skin/issue-reporter.css

Issue 29587599: Issue 5887 - Issue reporter should use the SVG Adblock Plus logo (Closed) Base URL: https://hg.adblockplus.org/adblockplusui
Left Patch Set: Created Oct. 24, 2017, 10:45 a.m.
Right Patch Set: Set image size explicitly Created Oct. 24, 2017, 10:58 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Right: Side by side diff | Download
« no previous file with change/comment | « issue-reporter.html ('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
(no file at all)
1 html
2 {
3 font-size: 16px;
4 }
Wladimir Palant 2017/10/24 11:00:04 Using rem without setting a font size on the root
5
1 body 6 body
2 { 7 {
3 display: flex; 8 display: flex;
4 flex-direction: column; 9 flex-direction: column;
5 align-items: center; 10 align-items: center;
6 margin: 1.2rem 0.3rem; 11 margin: 1.2rem 0.3rem;
7 font-family: Segoe UI, Arial, sans-serif; 12 font-family: Segoe UI, Arial, sans-serif;
8 font-size: 1.25rem; 13 font-size: 1.25rem;
9 color: #494949; 14 color: #494949;
10 background-color: #F3F3F3; 15 background-color: #F3F3F3;
(...skipping 11 matching lines...) Expand all
22 margin-left: 2rem; 27 margin-left: 2rem;
23 } 28 }
24 29
25 header 30 header
26 { 31 {
27 display: flex; 32 display: flex;
28 flex-direction: row; 33 flex-direction: row;
29 flex-shrink: 0; 34 flex-shrink: 0;
30 align-items: flex-end; 35 align-items: flex-end;
31 margin-bottom: 2rem; 36 margin-bottom: 2rem;
37 }
38
39 #logo
40 {
41 width: 4rem;
32 } 42 }
33 43
34 header > .title 44 header > .title
35 { 45 {
36 display: flex; 46 display: flex;
37 flex-direction: column; 47 flex-direction: column;
38 } 48 }
39 49
40 .title > h1 50 .title > h1
41 { 51 {
(...skipping 198 matching lines...) Expand 10 before | Expand all | Expand 10 after
240 background-color: transparent; 250 background-color: transparent;
241 background-image: url(icons/checkbox.png); 251 background-image: url(icons/checkbox.png);
242 display: inline-block; 252 display: inline-block;
243 } 253 }
244 254
245 input[type="checkbox"]:checked, 255 input[type="checkbox"]:checked,
246 input[type="radio"]:checked 256 input[type="radio"]:checked
247 { 257 {
248 background-position: 0px 18px; 258 background-position: 0px 18px;
249 } 259 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld