mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-06 12:55:50 +00:00
Top nav: dropdown shapes & contents
This commit is contained in:
mDuo13
File diff suppressed because one or more lines are too long
@@ -4,6 +4,7 @@ parent: introduction.html
|
||||
blurb: Develop a basic understanding of the XRP Ledger's consensus mechanism.
|
||||
labels:
|
||||
- Blockchain
|
||||
top_nav_grouping: Popular Pages
|
||||
---
|
||||
# Introduction to Consensus
|
||||
|
||||
|
||||
@@ -4,6 +4,7 @@ parent: introduction.html
|
||||
blurb: Get answers to frequently asked questions, covering topics such as validators, unique node lists, the role of XRP, and security.
|
||||
labels:
|
||||
- Blockchain
|
||||
top_nav_grouping: Questions
|
||||
---
|
||||
# Technical FAQ
|
||||
|
||||
|
||||
@@ -5,6 +5,7 @@ blurb: XRP Ledger accounts require a reserve of XRP to reduce spam in ledger dat
|
||||
labels:
|
||||
- Fees
|
||||
- Accounts
|
||||
top_nav_grouping: Popular Pages
|
||||
---
|
||||
# Reserves
|
||||
|
||||
|
||||
@@ -10,6 +10,7 @@ filters:
|
||||
labels:
|
||||
- XRP
|
||||
- Payments
|
||||
top_nav_grouping: Popular Pages
|
||||
---
|
||||
# Send XRP
|
||||
|
||||
|
||||
@@ -5,6 +5,7 @@ blurb: Have your server vote on the consensus ledger.
|
||||
labels:
|
||||
- Core Server
|
||||
- Blockchain
|
||||
top_nav_grouping: Popular Pages
|
||||
---
|
||||
# Run rippled as a Validator
|
||||
|
||||
|
||||
@@ -307,10 +307,19 @@ pages:
|
||||
sidebar: disabled
|
||||
top_nav_name: Docs
|
||||
top_nav_shortcuts:
|
||||
# Programming Languages
|
||||
- get-started-using-python.html
|
||||
- get-started-using-node-js.html
|
||||
- get-started-using-java.html
|
||||
- get-started-using-http-websocket-apis.html
|
||||
# Popular pages
|
||||
- send-xrp.html
|
||||
- reserves.html
|
||||
- xrp-testnet-faucet.html
|
||||
- run-rippled-as-a-validator.html
|
||||
- intro-to-consensus.html
|
||||
# Questions
|
||||
- technical-faq.html
|
||||
top_nav_hero_image: assets/img/icons/docs.svg
|
||||
blurb: Dive into XRP Ledger technology and start integrating.
|
||||
targets:
|
||||
@@ -3654,6 +3663,7 @@ pages:
|
||||
html: xrp-testnet-faucet.html
|
||||
parent: dev-tools.html
|
||||
template: page-xrp-faucets.html.jinja
|
||||
top_nav_grouping: Popular Pages
|
||||
targets:
|
||||
- en
|
||||
- ja
|
||||
@@ -3731,6 +3741,14 @@ pages:
|
||||
- en
|
||||
- ja
|
||||
|
||||
- name: GitHub
|
||||
html: https://github.com/ripple/xrpl-dev-portal/
|
||||
parent: contribute.html
|
||||
blurb: View and propose changes to this site's source code on GitHub.
|
||||
targets:
|
||||
- en
|
||||
- ja
|
||||
|
||||
# Redirects from deprecated "Explore" pages ------------------------------------
|
||||
- name: Explore
|
||||
html: explore.html
|
||||
|
||||
@@ -93,6 +93,7 @@
|
||||
font-size: 14px;
|
||||
color: $gray-300;
|
||||
margin: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -120,13 +121,25 @@
|
||||
|
||||
&.show {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-columns: repeat(3, 180px);
|
||||
gap: 40px;
|
||||
left: -200px;
|
||||
|
||||
// &#topnav_dd_docshtml {
|
||||
// grid-template-columns: 180px 180px 300px;
|
||||
// }
|
||||
|
||||
&#topnav_dd_contributehtml {
|
||||
grid-template-columns: 200px;
|
||||
}
|
||||
|
||||
.dropdown-hero {
|
||||
grid-row: 1;
|
||||
grid-column: 1 / 4;
|
||||
}
|
||||
#dropdown-hero-for-documentation {
|
||||
grid-column: 1 / 3;
|
||||
}
|
||||
|
||||
// "About" dropdown placement
|
||||
.col-for-xrp-ledger {
|
||||
@@ -157,9 +170,20 @@
|
||||
grid-column: 2;
|
||||
grid-row: 2 / 4;
|
||||
}
|
||||
|
||||
// "Community" dropdown placement
|
||||
// TODO
|
||||
.col-for-popular-pages {
|
||||
grid-column: 3;
|
||||
grid-row: 1 / 3;
|
||||
background-color: $gray-800;
|
||||
margin: -40px -40px -40px 0;
|
||||
padding: 40px;
|
||||
}
|
||||
.col-for-questions {
|
||||
grid-column: 3;
|
||||
grid-row: 3;
|
||||
background-color: $gray-800;
|
||||
margin: 0 -40px -40px 0px;
|
||||
padding: 0 40px 40px 40px;
|
||||
}
|
||||
}
|
||||
|
||||
&.smaller-dropdown {
|
||||
@@ -167,7 +191,20 @@
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
line-height: 2rem;
|
||||
line-height: 1rem;
|
||||
padding: .75rem 0;
|
||||
white-space: normal;
|
||||
|
||||
&.dropdown-hero {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
&:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -23,6 +23,6 @@
|
||||
{% if not have_edit_link %}
|
||||
{% set githuburl = target.github_forkurl %}
|
||||
{% endif %}
|
||||
<a href="{{githuburl}}" target="_blank" class="nav-link github-edit">{% trans %}Edit{% endtrans %}</a>
|
||||
<a href="{{githuburl}}" target="_blank" class="nav-link github-edit">{% trans %}Edit page{% endtrans %}</a>
|
||||
{% endif %}
|
||||
</div><!-- /.github-edit -->
|
||||
|
||||
@@ -10,10 +10,10 @@
|
||||
{% set printed_groupings = [] %}
|
||||
{% if top_page.children|selectattr('top_nav_omit', 'undefined_or_ne', True)|list|length %}
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="topnav_{{top_page.html}}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>{% if top_page.top_nav_name is defined %}{{top_page.top_nav_name}}{% else %}{{top_page.name}}{% endif %}</span></a>
|
||||
<div class="dropdown-menu" aria-labelledby="topnav_{{top_page.html}}">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="topnav_{{slug(top_page.html)}}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>{% if top_page.top_nav_name is defined %}{{top_page.top_nav_name}}{% else %}{{top_page.name}}{% endif %}</span></a>
|
||||
<div class="dropdown-menu" aria-labelledby="topnav_{{slug(top_page.html)}}" id="topnav_dd_{{slug(top_page.html)}}">
|
||||
{% if top_page.top_nav_hero_image is defined %}
|
||||
<a class="dropdown-item dropdown-hero" href="{{top_page.html}}">
|
||||
<a class="dropdown-item dropdown-hero" id="dropdown-hero-for-{{slug(top_page.name)}}" href="{{top_page.html}}">
|
||||
<img src="{{top_page.top_nav_hero_image}}" alt="{{top_page.name}} icon" />
|
||||
<div class="dropdown-hero-text">
|
||||
<h4>{{top_page.name}}</h4>
|
||||
@@ -31,11 +31,15 @@
|
||||
{% set _ = dropdownchildren.append(pages|selectattr("html", "defined_and_equalto", linkhtml)|first) %}
|
||||
{% endfor %}
|
||||
{% for link in dropdownchildren if not link.top_nav_omit %}
|
||||
{% if link.top_nav_grouping is defined and link.top_nav_grouping not in printed_groupings %}
|
||||
{% if link.top_nav_grouping not in printed_groupings %}
|
||||
{% if printed_groupings %}
|
||||
</div><!--./col-->
|
||||
{% endif %}
|
||||
{% if link.top_nav_grouping is defined %}
|
||||
<div class="navcol col-for-{{slug(link.top_nav_grouping)}}">
|
||||
{% else %}
|
||||
<div class="navcol col-for-ungrouped">
|
||||
{% endif %}
|
||||
<h5 class="dropdown-item">{{link.top_nav_grouping}}</h5>
|
||||
{% set _ = printed_groupings.append(link.top_nav_grouping) %}
|
||||
{% endif %}
|
||||
@@ -55,8 +59,6 @@
|
||||
{{ dropdown(page) }}
|
||||
{% endfor %}
|
||||
|
||||
{% include 'component-github-edit.html.jinja' %}
|
||||
|
||||
<li class="nav-item" id="navbar-search">
|
||||
<form class="navbar-form navbar-right" role="search">
|
||||
<div class="form-inline">
|
||||
|
||||
@@ -30,6 +30,7 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block right_sidebar %}
|
||||
{% include 'component-github-edit.html.jinja' %}
|
||||
<div id="page-toc-wrapper">
|
||||
{% include 'component-label-list.html.jinja' %}
|
||||
<div class="toc-header">
|
||||
|
||||
Reference in New Issue
Block a user