:Fix HN icon display on mobile
parent
be4fda5058
commit
879db402d6
32
style.css
32
style.css
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue