1
0
mirror of https://github.com/minio/docs.git synced 2025-09-02 00:02:14 +03:00
Files
docs/source/_templates/header.html
Rushan 51da56df3c UI Enhancements: scroll, component naming, and more (#582)
- Fixed the sidebar scroll - with this fix, you'll be able to scroll to
the end of the left sidebar at any given screen height.
- Renamed content-navigation component and CSS class names for better
consistency.
- Changed the footer style by including it as part of the main content
area. This change is required to have the scroll fix mentioned at point
no. 1.
- Reduced the hero height by a small margin, in order to have more
sidebar scroll room on smaller devices such as 13 inch laptop and all.
- Used higher contrast color on search modal's bg and scrollbar thumb to
have better color consistency.
- Made scrollbar thumbs visible by default.
- Set sidebar scroll position to match the active doc item.
- Added custom scrollbars for code blocks.
2022-09-27 09:31:41 -05:00

56 lines
3.3 KiB
HTML

<header class="header inactive">
<div class="container">
<div class="header__top">
<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>
<div class="header__title visible-rm">Documentation</div>
<nav class="nav hidden-rm">
<a target="_blank" rel="noreferrer" href="https://subnet.min.io/" class="nav__link">
<span>Customer Login</span>
</a>
</nav>
<div class="header__actions">
<button data-aside-toggle="nav" type="button" class="icon visible-rm">
{%- include "icons/menu.html" %}
Menu
</button>
<button id="dark-mode-toggle" type="button" class="icon icon--switch">
<img src="{{ pathto('_static/img/icons/dark-mode.svg',1) }}" alt="Dark Mode" />
<img src="{{ pathto('_static/img/icons/dark-mode-active.svg',1) }}" alt="Dark Mode" />
Dark Mode
</button>
<button id="read-mode-toggle" type="button" class="icon icon--switch">
<svg width="18" height="16" fill="none">
<path d="M9 1.842v11.789"/>
<path d="M9 2.167C5.608.151 2.486 1.18 1.177 2.044 1.063 2.119 1 2.25 1 2.389v11.516c0 .371.434.58.738.379 2.625-1.733 5.701-.89 7.126.043a.22.22 0 0 0 .262-.016c2.455-2.06 5.484-.918 7.194.1a.45.45 0 0 0 .679-.385V2.404c0-.147-.073-.286-.196-.362C13.659.103 10.306 1.304 9 2.167z"/>
</svg>
<svg width="18" height="16" fill="none" fill-rule="evenodd">
<path d="M9 1.842v11.789"/>
<path d="M9 2.167C5.608.151 2.486 1.18 1.177 2.044 1.063 2.119 1 2.25 1 2.389v11.516c0 .371.434.58.738.379 2.625-1.733 5.701-.89 7.126.043a.22.22 0 0 0 .262-.016c2.455-2.06 5.484-.918 7.194.1a.45.45 0 0 0 .679-.385V2.404c0-.147-.073-.286-.196-.362C13.659.103 10.306 1.304 9 2.167z"/>
<path d="M1.178 2.038C3.557.609 6.203.65 9.117 2.161l.001 11.835c-2.633-1.367-5.279-1.367-7.94 0-.08.041-.08-3.944 0-11.957z"/>
</svg>
Reading Mode
</button>
</div>
</div>
{%- include "top-navigation.html" %}
<div class="header__hero hidden-rm">
<h2>Documentation</h2>
<div id="docsearch"></div>
</div>
</div>
{%- include "platform-navigation.html" %}
</header>