ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 19:55:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make table of contents collapse on mobile

Browse Source
This commit is contained in:
mDuo13
2021-06-30 01:50:55 -07:00
parent 3831468841
commit 7d6cf7907a
5 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal2020.css
View File

File diff suppressed because one or more lines are too long

2
styles/_layout.scss
View File

@@ -385,7 +385,7 @@ $columns: 12; // Number of columns in the grid system
#page-toc-wrapper { #page-toc-wrapper {
position: static; position: static;
display: block; // display: block;
clear: both; clear: both;
overflow-y: inherit; overflow-y: inherit;
max-width: 100%; max-width: 100%;

5
styles/_side-nav.scss
View File

@@ -111,6 +111,11 @@ aside .active-parent > a {
.right-sidebar { .right-sidebar {
padding: 44px 0 24px 48px; padding: 44px 0 24px 48px;
@include media-breakpoint-down(md) {
padding: 1.5rem;
border: 1px solid $gray-600;
}
.toc-header { .toc-header {
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;

6
styles/_top-nav.scss
View File

@@ -541,7 +541,8 @@ a {
background-color: $blue-purple-400; background-color: $blue-purple-400;
transition: all .2s ease; transition: all .2s ease;
border: none; border: none;
}
&:not(.expander) span {
&:first-of-type { &:first-of-type {
left: 0; left: 0;
transform: rotate(45deg); transform: rotate(45deg);
@@ -562,7 +563,8 @@ a {
} }
} }
.dropdown.show .chevron { .dropdown.show .chevron,
.expander:not(.collapsed) .chevron {
span:first-of-type { span:first-of-type {
transform: rotate(-45deg); transform: rotate(-45deg);
} }

8
template/pagetype-doc.html.jinja
View File

@@ -31,8 +31,12 @@
{% endblock %} {% endblock %}
{% block right_sidebar %} {% block right_sidebar %}
{% include 'component-github-edit.html.jinja' %} <a class="with-caret expander collapsed d-lg-none" id="toc-expander" role="button" data-toggle="collapse" data-target="#page-toc-wrapper" aria-expanded="false">
<div id="page-toc-wrapper"> Page Toolbar
<span class="chevron"><span></span><span></span></span>
</a>
<div id="page-toc-wrapper" class="collapse d-lg-block">
{% include 'component-github-edit.html.jinja' %}
{% include 'component-label-list.html.jinja' %} {% include 'component-label-list.html.jinja' %}
<div class="toc-header"> <div class="toc-header">
<h4>{% trans %}In this document{% endtrans %}</h4> <h4>{% trans %}In this document{% endtrans %}</h4>