Fix smaller styling issues
* Add space between list of topics in blog post header. * Do not break layout with lis on smaller devices.
This commit is contained in:
parent
73fdd81e7a
commit
6d4961792b
2 changed files with 10 additions and 4 deletions
|
@ -36,9 +36,9 @@
|
|||
topicUid: topic.data.uid
|
||||
}"
|
||||
>
|
||||
{topic.data.title}{f:if(condition: '!{i.isLast}', then: ',')}
|
||||
</f:render>
|
||||
</f:spaceless></f:for></p>
|
||||
{topic.data.title}
|
||||
</f:render></f:spaceless>{f:if(condition: '!{i.isLast}', then: ',')}
|
||||
</f:for></p>
|
||||
</f:if>
|
||||
</f:section>
|
||||
|
||||
|
|
|
@ -95,7 +95,6 @@ aside {
|
|||
li {
|
||||
margin-right: $spacer;
|
||||
line-height: $spacer * 2;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
nav li {
|
||||
|
@ -111,6 +110,13 @@ aside {
|
|||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
body > main > aside {
|
||||
nav li {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Make main text on pages and blog posts readable
|
||||
|
|
Loading…
Reference in a new issue