Improve table and inline code on mobile

This commit is contained in:
Pk11 2022-02-21 00:17:33 -06:00
parent 4eaae4e884
commit 0e01415ec8
2 changed files with 8 additions and 2 deletions

View File

@ -53,8 +53,9 @@ layout: compress
<h1 class="mb-1">{{ page.long_title | default: page.title }}</h1>
<hr class="mt-0">
{% if page.layout == "faq" %}
{{ content }}
{{ content | replace: "<table>", '<div class="table-responsive"><table class="table">' | replace: "</table>", "</table></div>" }}
{% else %}
{% assign content = content | replace: "<table>", '<div class="table-responsive"><table class="table">' | replace: "</table>", "</table></div>" %}
{% include anchor-headings.html html=content anchorBody="<small>#</small>" anchorClass="header-anchor" %}
{% endif %}
<div class="alert alert-secondary small-alert" role="alert">

View File

@ -42,10 +42,15 @@ blockquote {
background-color: $code-bg;
padding: 3px;
border-radius: 0.25rem;
&:not(.wrap) {
white-space: nowrap;
@media screen and (max-width: 576px) {
white-space: normal;
}
}
}
pre {