mirror of
https://github.com/monero-project/monero-site.git
synced 2025-01-10 21:05:04 +00:00
merchants: add scroll-to-top button & mobile dropdown menu
This commit is contained in:
parent
bfc6cad1c1
commit
0d2ed7c1b5
2 changed files with 26 additions and 1 deletions
|
@ -7,13 +7,13 @@ permalink: /community/merchants/index.html
|
|||
<div class="merchants text-center container description">
|
||||
<p>{% t merchants.intro1 %}<a href="https://github.com/monero-project/monero-site/issues" target="_blank" rel="noreferrer noopener"> {% t merchants.intro2 %}</a> {% t merchants.intro3 %}</p>
|
||||
</div>
|
||||
<div class="merchants">
|
||||
|
||||
{% assign itemCount = site.data.merchants | size %}
|
||||
{% assign headerRow = itemCount | divided_by: 5.0 | ceil | times: 1.0 %}
|
||||
{% assign itemInRow = itemCount | divided_by: headerRow | ceil %}
|
||||
|
||||
{% assign Item_processed = 0 %}
|
||||
<!-- Merchants menu: desktop -->
|
||||
<div class="container full">
|
||||
{% for toplevel in site.data.merchants %}
|
||||
{% assign isHeader = Item_processed | modulo: itemInRow %}
|
||||
|
@ -32,7 +32,24 @@ permalink: /community/merchants/index.html
|
|||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- End merchants menu: desktop -->
|
||||
<!-- Merchants menu: mobile -->
|
||||
<div class="container full">
|
||||
<div class ="info-block row center-xs" id="pick-platform">
|
||||
<div class="mob dropdowndrop">
|
||||
<input id="filter" type="checkbox" name="category-filter"/>
|
||||
<label for="filter">{% t blog.filter %}</label>
|
||||
<ul id="menu">
|
||||
{% for toplevel in site.data.merchants %}
|
||||
<li><a href="#{{ toplevel.id }}">{{ toplevel.category }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End merchants menu: mobile -->
|
||||
|
||||
<div class="merchants">
|
||||
{% for toplevel in site.data.merchants %}
|
||||
<div class="container full" id="{{toplevel.id}}">
|
||||
<div class="info-block">
|
||||
|
@ -56,3 +73,5 @@ permalink: /community/merchants/index.html
|
|||
<em>{% t merchants.disclaimer %}</em>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<a class="arrow-up" href="#" aria-label="{% t accessibility.arrowup %}" title="{% t accessibility.gotop %}"><i></i></a>
|
||||
|
|
|
@ -3557,7 +3557,13 @@ span.icon-browser {
|
|||
height: 3rem;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 62rem) {
|
||||
|
||||
.tabPanel-merchant {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/***************************ROADMAP STYLING*********************************/
|
||||
|
|
Loading…
Reference in a new issue