mikegerwitz
/
thoughts
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

:Fix HN icon display on mobile

master
Mike Gerwitz 2017-07-29 08:47:41 -04:00
parent be4fda5058
commit 879db402d6
Signed by: mikegerwitz
GPG Key ID: 8C917B7F5DC51BA2
1 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
style.css
View File

@ -299,19 +299,15 @@ body.index footer hr,
.hn-icon { .hn-icon {
display: block; display: block;
/* note that border won't be visible on default
white page background */
background-color: #ff6600; background-color: #ff6600;
border: 1px solid white;
/* 1px border = 42x42 */ width: 42px;
width: 40px; height: 42px;
height: 40px;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
line-height: 40px; line-height: 42px;
} }
.hn-icon, .hn-icon,
@ -470,6 +466,11 @@ body.article h3 {
padding: 6px; padding: 6px;
} }
.hn-icon {
float: right;
margin-left: 2px;
}
header, footer, header, footer,
body.index footer .bimgs, body.index footer .bimgs,
.body-index footer .bimgs, .body-index footer .bimgs,
@ -500,6 +501,15 @@ body.article h3 {
max-width: 32px; max-width: 32px;
max-height: 32px; max-height: 32px;
} }
.hn-icon {
max-width: 32px;
max-height: 32px;
font-size: 12px;
line-height: 32px;
}
} }
/* when things start getting odd from 640px */ /* when things start getting odd from 640px */
@ -513,6 +523,14 @@ body.article h3 {
max-height: 21px; max-height: 21px;
} }
.hn-icon {
max-width: 21px;
max-height: 21px;
font-size: 9px;
line-height: 21px;
}
footer { footer {
font-size: 0.9em; font-size: 0.9em;
} }