danielsiepmann/ds-site
danielsiepmann/ds-site
1
0
Code Activity

Fix smaller styling issues

Browse source 
* Add space between list of topics in blog post header.
* Do not break layout with lis on smaller devices.
This commit is contained in:
Daniel Siepmann 2020-01-10 19:39:25 +01:00
parent 73fdd81e7a
commit 6d4961792b
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
Resources/Private/Partials/BlogPostHeader.html
View file

@ -36,9 +36,9 @@
topicUid: topic.data.uid topicUid: topic.data.uid
}" }"
> >
{topic.data.title}{f:if(condition: '!{i.isLast}', then: ',')} {topic.data.title}
</f:render> </f:render></f:spaceless>{f:if(condition: '!{i.isLast}', then: ',')}
</f:spaceless></f:for></p> </f:for></p>
</f:if> </f:if>
</f:section> </f:section>

8
Resources/Private/Sass/layout/_content.scss
View file

@ -95,7 +95,6 @@ aside {
li { li {
margin-right: $spacer; margin-right: $spacer;
line-height: $spacer * 2; line-height: $spacer * 2;
white-space: nowrap;
} }
nav li { 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 // Make main text on pages and blog posts readable