mirror of
https://github.com/minio/docs.git
synced 2025-07-28 19:42:10 +03:00
1. Toggle the docs menu conditionally to avoid showing empty white space when the menu is not present. <img width="752" alt="Screenshot 2025-05-02 at 10 41 07 AM" src="https://github.com/user-attachments/assets/5d39502b-566b-4488-b94c-33347456d4d1" /> 2. Fix padding and layout shift when pasting into the search input field. <img width="752" alt="Screenshot 2025-05-02 at 10 42 28 AM" src="https://github.com/user-attachments/assets/454621c7-1639-44f7-894e-668c6d45a6ea" />
61 lines
3.0 KiB
HTML
61 lines
3.0 KiB
HTML
<header class="header inactive">
|
|
<div class="container">
|
|
<div class="header__inner">
|
|
<a href="/" class="header__logo">
|
|
<svg viewBox="0 0 162.612 24.465">
|
|
<path d="M52.751.414h9.108v23.63h-9.108zM41.711.74l-18.488 9.92a.919.919 0 0 1-.856 0L3.879.74A2.808 2.808 0 0 0 2.558.414h-.023A2.4 2.4 0 0 0 0 2.641v21.376h9.1V13.842a.918.918 0 0 1 1.385-.682l10.361 5.568a3.634 3.634 0 0 0 3.336.028l10.933-5.634a.917.917 0 0 1 1.371.69v10.205h9.1V2.641A2.4 2.4 0 0 0 43.055.414h-.023a2.808 2.808 0 0 0-1.321.326zm65.564-.326h-9.237v10.755a.913.913 0 0 1-1.338.706L72.762.675a2.824 2.824 0 0 0-1.191-.261h-.016a2.4 2.4 0 0 0-2.535 2.227v21.377h9.163V13.275a.914.914 0 0 1 1.337-.707l24.032 11.2a2.813 2.813 0 0 0 1.188.26 2.4 2.4 0 0 0 2.535-2.227zm7.161 23.63V.414h4.191v23.63zm28.856.421c-11.274 0-19.272-4.7-19.272-12.232C124.02 4.741 132.066 0 143.292 0s19.32 4.7 19.32 12.233-7.902 12.232-19.32 12.232zm0-21.333c-8.383 0-14.84 3.217-14.84 9.1 0 5.926 6.457 9.1 14.84 9.1s14.887-3.174 14.887-9.1c0-5.883-6.504-9.1-14.887-9.1z" />
|
|
</svg>
|
|
</a>
|
|
|
|
{%- include "top-navigation.html" %}
|
|
|
|
<button data-aside-toggle="nav" type="button" class="icon visible-rm ml-auto">
|
|
{%- include "icons/menu.html" %}
|
|
Menu
|
|
</button>
|
|
<!--
|
|
<div class="header__actions">
|
|
|
|
|
|
<button id="dark-mode-toggle" type="button" class="icon icon--switch">
|
|
{%- include "icons/moon.html" %}
|
|
{%- include "icons/sun.html" %}
|
|
Dark Mode
|
|
</button>
|
|
</div>
|
|
-->
|
|
</div>
|
|
|
|
<h2 class="header__title hidden-rm">Documentation</h2>
|
|
|
|
{% if docs %}
|
|
<div class="docs-menu-wrapper overflow-x-auto hide-scrollbar mb-20 text-center">
|
|
<nav class="docs-menu bg-white/75 inline-flex items-center rounded-lg font-heading border p-0.5 border-theme-neutral-subtle">
|
|
{% for doc in docs %}
|
|
{% set current_name = doc.name if doc.current == True %}
|
|
<a target="{% if doc.external == True %}_blank{% endif %}" class="{% if doc.current == True %}active{% endif %} flex-1 rounded-md shrink-0 h-14 border border-transparent font-bold transition-all duration-300 hover:text-theme-red [&.active]:text-theme-red [&.active]:border-theme-red" href="{{ doc.url }}">
|
|
{{ doc.name }}
|
|
</a>
|
|
{% endfor %}
|
|
</nav>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{%- include "platform-navigation.html" %}
|
|
|
|
{%- if pagename != "search" %}
|
|
<div id="search">
|
|
<div class="search__inner">
|
|
<div id="search-box"></div>
|
|
|
|
<div class="search__dropdown">
|
|
<div id="search-filters"></div>
|
|
<div id="search-clear"></div>
|
|
<div id="search-results"></div>
|
|
<div id="search-powered-by"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{%- endif %}
|
|
</div>
|
|
</header> |