Right Sidebar updates

This commit is contained in:
Jake Bonham
2019-05-09 10:24:48 -07:00
committed by mDuo13
parent e87849541e
commit 003196de99
8 changed files with 77 additions and 51 deletions

View File

@@ -1,6 +1,7 @@
#command_list {
list-style-type:none;
padding:0 0 0 0;
border-left: none;
}
aside.sidebar {

View File

@@ -748,20 +748,45 @@ a.current {
/* Right navigation --------------------------------------------------------- */
#dactyl_toc_sidebar a {
.right-sidebar a {
text-decoration: none;
color: hsla(14.999999999999947, 1.98%, 39.61%, 1.00);
}
#dactyl_toc_sidebar a:hover {
text-decoration: underline;
.right-sidebar a:hover,
.right-sidebar a:active {
text-decoration: none;
color: #000;
}
#page-toc-wrapper {
position: fixed;
top: 75px;
max-height: calc(100% - 150px);
margin-right: 1.5rem;
overflow: auto;
z-index: 10;
.right-sidebar {
font-size: 14px;
}
.right-sidebar .card {
position: sticky;
top: 48px;
overflow: scroll;
padding: 44px 24px 48px;
}
.right-sidebar .card-header {
border-bottom: none;
background-color: #fff;
padding: 10px 0;
line-height: 20px;
font-weight: 700;
font-size: 1.23em;
}
.right-sidebar ul {
padding: 0;
border-left: 1px solid #eae7e6;
list-style-type: none;
}
.right-sidebar ul li {
list-style-type: none;
margin-bottom: 8px
}
.card .sidebar_pagelist li a {

View File

@@ -30,7 +30,7 @@
{% block right_sidebar %}
<div class="card" id="page-toc-wrapper">
<p class="in-this-doc card-header">In this document:</p>
<p class="in-this-doc card-header">In this document</p>
<ul class="dev_nav_sidebar card-body" id="dactyl_toc_sidebar">
{{ sidebar_content }}
</ul>

View File

@@ -1,8 +1,10 @@
{% extends "template-base.html" %}
{% block right_sidebar %}
<ul id='command_list'>
</ul>
<div class="card">
<ul class="dev_nav_sidebar card-body" id='command_list'>
</ul>
</div>
{% endblock %}
{% block main %}

View File

@@ -4,9 +4,7 @@
{% block right_sidebar %}
<div id="test-net-servers" class="card">
<div class="card-header bg-dark">
<h3 class="card-title">Test Net Servers</h3>
</div><!--/.card-header-->
<p class="card-header">Test Net Servers</p>
<div class="card-body">
<p>Use the following addresses to connect to the XRP Test Net and send transactions from your account.</p>
<h5>Websockets and Ripple API</h4>

View File

@@ -4,9 +4,7 @@
{% block right_sidebar %}
<div id="connection-status" class="card">
<div class="card-header bg-dark">
<h3 class="card-title">Status</h3>
</div><!--/.card-header-->
<p class="card-header">Status</p>
<div class="card-body">
<ul class="list-group list-group-flush">
<li class="list-group-item" id="connection-status-label">XRP Test Net:</li>

View File

@@ -10,7 +10,7 @@
{% block right_sidebar %}
<div class="card" id="use-case-related">
<p class="in-this-doc card-header">Useful Background:</p>
<p class="in-this-doc card-header">Useful Background</p>
<div class="card-body">
<div class="curated-links">
<ul>

View File

@@ -2,37 +2,39 @@
{% block right_sidebar %}
<aside class="p-3">
<h2>API Methods</h2>
<ul id='command_list'>
<li class='selected'><a href='#server_info'>server_info</a></li>
<li><a href='#server_state'>server_state</a></li>
<li><a href='#ping'>ping</a></li>
<br/>
<li><a href='#subscribe'>subscribe</a></li>
<li><a href='#unsubscribe'>unsubscribe</a></li>
<br/>
<li><a href='#ledger'>ledger</a></li>
<li><a href='#ledger_closed'>ledger_closed</a></li>
<li><a href='#ledger_current'>ledger_current</a></li>
<li><a href='#ledger_entry'>ledger_entry</a></li>
<br/>
<li><a href='#account_info'>account_info</a></li>
<li><a href='#account_lines'>account_lines</a></li>
<li><a href='#account_offers'>account_offers</a></li>
<li><a href='#account_tx'>account_tx</a></li>
<li><a href='#account_currencies'>account_currencies</a></li>
<br/>
<li><a href='#transaction_entry'>transaction_entry</a></li>
<li><a href='#tx'>tx</a></li>
<li><a href='#tx_history'>tx_history</a></li>
<br/>
<li><a href='#sign'>sign</a></li>
<li><a href='#submit'>submit</a></li>
<br/>
<li><a href='#ripple_path_find'>ripple_path_find</a></li>
<li><a href='#path_find'>path_find</a></li>
<li><a href='#book_offers'>book_offers</a></li>
</ul>
<div class="card">
<p class="card-header">API Methods</p>
<ul id='command_list'>
<li class='selected'><a href='#server_info'>server_info</a></li>
<li><a href='#server_state'>server_state</a></li>
<li><a href='#ping'>ping</a></li>
<br/>
<li><a href='#subscribe'>subscribe</a></li>
<li><a href='#unsubscribe'>unsubscribe</a></li>
<br/>
<li><a href='#ledger'>ledger</a></li>
<li><a href='#ledger_closed'>ledger_closed</a></li>
<li><a href='#ledger_current'>ledger_current</a></li>
<li><a href='#ledger_entry'>ledger_entry</a></li>
<br/>
<li><a href='#account_info'>account_info</a></li>
<li><a href='#account_lines'>account_lines</a></li>
<li><a href='#account_offers'>account_offers</a></li>
<li><a href='#account_tx'>account_tx</a></li>
<li><a href='#account_currencies'>account_currencies</a></li>
<br/>
<li><a href='#transaction_entry'>transaction_entry</a></li>
<li><a href='#tx'>tx</a></li>
<li><a href='#tx_history'>tx_history</a></li>
<br/>
<li><a href='#sign'>sign</a></li>
<li><a href='#submit'>submit</a></li>
<br/>
<li><a href='#ripple_path_find'>ripple_path_find</a></li>
<li><a href='#path_find'>path_find</a></li>
<li><a href='#book_offers'>book_offers</a></li>
</ul>
</div>
</aside>
{% endblock %}