ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-12-06 17:27:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Docs landing style cleanups

Browse Source
This commit is contained in:
mDuo13
2018-05-07 13:47:11 -07:00
parent daab87479d
commit 278974841c
2 changed files with 33 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/css/devportal.css
View File

@@ -480,6 +480,28 @@ a.current {
color: #0D294E;
}
.landing .card .level-2 {
position: relative;
}
.landing .card .level-2 a {
padding: 8px 12px 8px 32px;
display: block;
margin: 0 -12px 0 -12px;
font-weight: 400;
}
.landing .card .level-2 a:hover {
background-color: #D8EEFC;
text-decoration: none;
}
.landing .card .level-2 a:hover:after {
content: "\f105"; /* fontawesome angle-right */
font-family: FontAwesome;
position: absolute;
right: 0;
top: 8px;
color: #0D294E;
}
.level-1:first-child {
margin-top: 0;
}
@@ -843,7 +865,7 @@ a.current {
color: #FF9900;
}
.landing .ref-blurb {
.landing .card .blurb {
margin-top: 1rem;
}

20
tool/template-landing-docs.html
View File

@@ -16,12 +16,12 @@
{% set doc_type_top = pages|selectattr('doc_type', 'equalto', page.doc_type)|first %}
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="{{doc_type_top.html}}">{{doc_type_top.name}}</a></h3>
<div class="card-header bg-dark">
<h3 class="card-title"><a href="{{doc_type_top.html}}">{{doc_type_top.name}} <i class="fa fa-arrow-right" aria-hidden="true"></i></a></h3>
</div><!--/.card-header-->
<div class="card-body">
{% if page.blurb is defined %}
<p class="doc-type-blurb">{{page.blurb}}</p>
<p class="blurb">{{page.blurb}}</p>
{% endif %}
{% set parent_page = doc_type_top %}
{% set depth = 1.5 %}
@@ -36,7 +36,7 @@
<div class="card-deck p-2">
<div class="card">
<div class="card-header">
<div class="card-header bg-dark">
<h3 class="card-title">Get Started</h3>
</div><!--/.card-header-->
<div class="card-body">
@@ -51,23 +51,23 @@
</div><!--/.card-->
<div class="card">
<div class="card-header">
<div class="card-header bg-dark">
<h3 class="card-title">Popular Docs</h3>
</div><!--/.card-header-->
<div class="card-body">
<div class="curated-links">
<ol>
<li><a href="reference-rippled-public.html">rippled API Public Methods Reference</a></li>
<li><a href="concept-accounts.html">Accounts</a></li>
<li><a href="rippled-setup.html">rippled Server Setup</a></li>
<li><a href="reference-rippleapi.html">RippleAPI for JavaScript</a></li>
<li><a href="public-rippled-methods.html">rippled API Public Methods Reference</a></li>
<li><a href="accounts.html">Accounts</a></li>
<li><a href="install-rippled.html">Install rippled</a></li>
<li><a href="reference-rippleapi.html">RippleAPI for JavaScript Reference</a></li>
</ol>
</div><!--/.curated-links-->
</div><!--/.card-body-->
</div><!--/.card-->
<div class="card">
<div class="card-header">
<div class="card-header bg-dark">
<h3 class="card-title">Recently Updated</h3>
</div><!--/.card-header-->
<div class="card-body">