steve/just-the-docs
1
0
Fork 0
mirror of https://github.com/snachodog/just-the-docs.git synced 2025-04-22 02:52:23 -06:00
Code Issues Packages Projects Releases Wiki Activity

Added table wrappers, fixed anchor headings

Browse Source
This commit is contained in:
Silvio Giebl 2019-05-04 23:18:56 +02:00
parent 03e2345833
commit 94f2aaf964
4 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
_layouts/anchor_headings.html
View File

@ -1,5 +0,0 @@
---
layout: vendor/compress
---
{% include vendor/anchor_headings.html html=content anchorBody="#" anchorClass="anchor_heading" %}

5
_layouts/default.html
View File

@ -1,5 +1,5 @@
--- ---
layout: anchor_headings layout: table_wrappers
--- ---
<!DOCTYPE html> <!DOCTYPE html>
@ -57,7 +57,8 @@ layout: anchor_headings
{% endif %} {% endif %}
{% endunless %} {% endunless %}
<div id="main-content" class="page-content" role="main"> <div id="main-content" class="page-content" role="main">
{{ content }}
{% include vendor/anchor_headings.html html=content anchorBody="#" anchorClass="anchor_heading" %}
{% if page.has_children == true and page.has_toc != false %} {% if page.has_children == true and page.has_toc != false %}
<hr> <hr>

7
_layouts/table_wrappers.html Normal file
View File

@ -0,0 +1,7 @@
---
layout: vendor/compress
---
{% assign content_ = content | replace: '<table', '<div class="table-wrapper"><table' %}
{% assign content_ = content_ | replace: '</table>', '</table></div>' %}
{{ content_ }}

9
_sass/tables.scss
View File

@ -3,18 +3,19 @@
// //
// stylelint-disable max-nesting-depth, selector-no-type, selector-max-type // stylelint-disable max-nesting-depth, selector-no-type, selector-max-type
table { .table-wrapper {
display: block; display: block;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
margin-bottom: $sp-5; margin-bottom: $sp-5;
overflow-x: auto; overflow-x: auto;
border-collapse: separate;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 14px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 14px rgba(0, 0, 0, 0.05);
}
@include mq(sm) { table {
display: table; display: table;
} min-width: 100%;
border-collapse: separate;
} }
th, th,