Fix mini-sidebar placement on calculator & XRP overview when banner is active

This commit is contained in:
mDuo13
2021-08-18 14:43:39 -07:00
parent 5bbd1b1d7e
commit 012c213589
5 changed files with 5 additions and 11 deletions

File diff suppressed because one or more lines are too long

View File

@@ -361,13 +361,7 @@
} }
} }
} }
.top-10 { .floating-nav {
top: 2.5rem;
}
.top-20 {
top: 5rem;
}
.top-24 {
top: 6rem; top: 6rem;
} }
.last-section { .last-section {

View File

@@ -61,7 +61,7 @@
<a href="#" class="btn btn-outline-primary d-lg-none" id="calculator-mobile-toggle">{% trans %}Change Inputs{% endtrans %}</a> <a href="#" class="btn btn-outline-primary d-lg-none" id="calculator-mobile-toggle">{% trans %}Change Inputs{% endtrans %}</a>
<div id="calculator-inputs-offset"></div> <div id="calculator-inputs-offset"></div>
<div class="col-lg-4" > <div class="col-lg-4" >
<div class="rounded sticky-top top-24 mb-3 mb-lg-0" id="calculator-inputs"> <div class="rounded sticky-top floating-nav mb-3 mb-lg-0" id="calculator-inputs">
<div class="border-green p-3 br-8 calc-inputs"> <div class="border-green p-3 br-8 calc-inputs">
<h4 class="h5">{% trans %}Comparing<br class="until-sm"/> Transaction Data{% endtrans %}</h4> <h4 class="h5">{% trans %}Comparing<br class="until-sm"/> Transaction Data{% endtrans %}</h4>
<ul class="p-0 mt-10 ls-none d-sm-flex d-lg-block d-xl-flex flex-wrap justify-content-center justify-xl-content-around" id="data-selector"> <ul class="p-0 mt-10 ls-none d-sm-flex d-lg-block d-xl-flex flex-wrap justify-content-center justify-xl-content-around" id="data-selector">

View File

@@ -20,7 +20,7 @@
<div class="overflow-hidden"> <div class="overflow-hidden">
<section class="container-new pb-26-until-sm mt-10 mb-10-sm text-center"> <section class="container-new pb-26-until-sm mt-10 mb-10-sm text-center">
<div class="w-100"> <div class="w-100">
<img id="home-hero-graphic" src="img/graphics/home-hero.svg"> <img id="home-hero-graphic" alt="X" />
</div> </div>
<div class="col-lg-5 mx-auto text-center pl-0 pr-0"> <div class="col-lg-5 mx-auto text-center pl-0 pr-0">
<div class="d-flex flex-column-reverse"> <div class="d-flex flex-column-reverse">

View File

@@ -32,7 +32,7 @@
<section class="container-new my-20"> <section class="container-new my-20">
<div class="card-grid card-grid-1x2"> <div class="card-grid card-grid-1x2">
<div class="margin-col d-none-sm mt-lg-0"> <div class="margin-col d-none-sm mt-lg-0">
<ul class="page-toc no-sideline p-0 sticky-top top-24"> <ul class="page-toc no-sideline p-0 sticky-top floating-nav">
{% set links = [ {% set links = [
{ "hash": _("#about-xrp"), { "hash": _("#about-xrp"),
"text": _("About XRP") }, "text": _("About XRP") },