1
0
mirror of https://github.com/minio/docs.git synced 2025-07-28 19:42:10 +03:00
Files
docs/source/_templates/header.html
Rushan 1fc3907da0 Fix UI issues (#1464)
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"
/>
2025-05-02 14:59:28 -04:00

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>