mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 03:35:51 +00:00
Consistent breadcrumb spacing (as long as content's first header is h1)
This commit is contained in:
@@ -25,8 +25,9 @@ th {
|
|||||||
|
|
||||||
/* Top navigation ----------------------------------------------------------- */
|
/* Top navigation ----------------------------------------------------------- */
|
||||||
|
|
||||||
.navbar {
|
.navbar.fixed-top {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
border-bottom: 1px solid #C9CDD1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
@@ -135,12 +136,14 @@ th {
|
|||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
.content h1:first-child {
|
.content h1:first-child,
|
||||||
|
.landing section:first-of-type h1:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
.content h1:first-child:before {
|
.content h1:first-child:before,
|
||||||
margin-top: -100px;
|
.landing section:not(.splash-head):first-of-type h1:first-child:before {
|
||||||
|
margin-top: -90px;
|
||||||
}
|
}
|
||||||
.content h2 {
|
.content h2 {
|
||||||
margin-top: 28px;
|
margin-top: 28px;
|
||||||
@@ -555,6 +558,7 @@ a.current {
|
|||||||
}
|
}
|
||||||
.breadcrumbs-wrap .breadcrumb {
|
.breadcrumbs-wrap .breadcrumb {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<nav class="breadcrumbs-wrap px-3 px-sm-5" aria-label="breacrumb">
|
<nav class="breadcrumbs-wrap {% if currentpage.sidebar == 'disabled' %}p-3 px-sm-5{% else %}p-3{% endif %}" aria-label="breacrumb">
|
||||||
<ul class="breadcrumb bg-white">
|
<ul class="breadcrumb bg-white">
|
||||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||||
{% if currentpage.funnel and currentpage != pages|selectattr('funnel', 'equalto', currentpage.funnel)|first %}
|
{% if currentpage.funnel and currentpage != pages|selectattr('funnel', 'equalto', currentpage.funnel)|first %}
|
||||||
|
|||||||
@@ -3,11 +3,11 @@
|
|||||||
{% block main %}
|
{% block main %}
|
||||||
{% if content %}
|
{% if content %}
|
||||||
|
|
||||||
<section class="p-3">
|
<article class="p-3">
|
||||||
<div class='content'>
|
<div class='content'>
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</article>
|
||||||
|
|
||||||
<section class="p-3">
|
<section class="p-3">
|
||||||
<h2>Children of this page:</h2>
|
<h2>Children of this page:</h2>
|
||||||
@@ -18,14 +18,13 @@
|
|||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<section class="p-3">
|
<section class="p-3">
|
||||||
<h1 class="main-page-header">{{ currentpage.name }}</h1>
|
<article class="content">
|
||||||
|
<h1 id="main-page-header">{{ currentpage.name }}</h1>
|
||||||
<div class="content">
|
|
||||||
<p class="blurb">{{ currentpage.blurb }}</p>
|
<p class="blurb">{{ currentpage.blurb }}</p>
|
||||||
{% set show_blurbs = True %}
|
{% set show_blurbs = True %}
|
||||||
{% set depth= 1 %}
|
{% set depth= 1 %}
|
||||||
{% include 'template-page-children.html' %}
|
{% include 'template-page-children.html' %}
|
||||||
</div>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@@ -3,12 +3,14 @@
|
|||||||
{% block mainclasses %}landing{% endblock %}
|
{% block mainclasses %}landing{% endblock %}
|
||||||
|
|
||||||
{% block main %}
|
{% block main %}
|
||||||
<section class="container-fluid px-3 px-sm-5 pb-5 pt-0">
|
<section class="container-fluid bg-white p-3 px-sm-5">
|
||||||
<h1 class="main-page-header">XRP Ledger Documentation</h1>
|
<h1 class="main-page-header">XRP Ledger Documentation</h1>
|
||||||
<div class="blurb">
|
<div class="blurb">
|
||||||
<p>Dive into our documentation and start integrating with the XRP Ledger.</p>
|
<p>Dive into our documentation and start integrating with the XRP Ledger.</p>
|
||||||
</div>
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="container-fluid bg-light p-3 px-sm-5">
|
||||||
<div class="card-deck p-2">
|
<div class="card-deck p-2">
|
||||||
{% set doc_types = [] %}
|
{% set doc_types = [] %}
|
||||||
{% for page in pages %}
|
{% for page in pages %}
|
||||||
@@ -86,7 +88,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="container-fluid p-3 p-lg-5">
|
<section class="container-fluid p-3 p-lg-5">
|
||||||
<h2>Full Documentation Index</h2>
|
<h2 id="full-doc-index">Full Documentation Index</h2>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-8">
|
<div class="col-md-8">
|
||||||
{% set parent_page = currentpage %}
|
{% set parent_page = currentpage %}
|
||||||
|
|||||||
@@ -3,11 +3,12 @@
|
|||||||
{% block mainclasses %}landing{% endblock %}
|
{% block mainclasses %}landing{% endblock %}
|
||||||
|
|
||||||
{% block main %}
|
{% block main %}
|
||||||
<section class="container-fluid px-5 pb-3 pt-0">
|
<section class="container-fluid bg-white p-3 px-sm-5">
|
||||||
<h1 class="main-page-header">References</h1>
|
<h1 class="main-page-header">References</h1>
|
||||||
|
<p class="blurb">{{currentpage.blurb}}</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="container-fluid bg-light p-5">
|
<section class="container-fluid bg-light p-3 px-sm-5">
|
||||||
|
|
||||||
<h2><a href="rippled-api.html">rippled API Reference</a></h2>
|
<h2><a href="rippled-api.html">rippled API Reference</a></h2>
|
||||||
<div class="blurb">
|
<div class="blurb">
|
||||||
|
|||||||
Reference in New Issue
Block a user