minio/docs
1
0
Fork 0
mirror of https://github.com/minio/docs.git synced 2025-07-31 18:04:52 +03:00
Code Activity

Update docs menu to accommodate lengthy content (#1367)

Browse Source 
…ntent.
This commit is contained in:
Rushan
2024-11-13 19:29:04 +04:00
committed by GitHub
parent 7bef83f94b
commit d9d1532d9d
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
source/_static/scss/includes/_temp.scss
View File

@ -435,10 +435,13 @@
margin-bottom: 5rem; margin-bottom: 5rem;
} }
.docs-menu-wrapper {
text-align: center;
}
.docs-menu { .docs-menu {
max-width: 650px; display: inline-flex;
margin: 0 auto; margin: 0 auto;
width: 100%;
& > a { & > a {
display: flex; display: flex;
@ -446,7 +449,8 @@
justify-content: center; justify-content: center;
color: $black; color: $black;
white-space: nowrap; white-space: nowrap;
padding: 0 1.5rem; padding: 0 2rem;
min-width: 7rem;
&:hover { &:hover {
color: $theme-red; color: $theme-red;

4
source/_templates/header.html
View File

@ -28,8 +28,8 @@
<h2 class="header__title hidden-rm">Documentation</h2> <h2 class="header__title hidden-rm">Documentation</h2>
<div class="overflow-x-auto hide-scrollbar mb-20"> <div class="docs-menu-wrapper overflow-x-auto hide-scrollbar mb-20 text-center">
<nav class="docs-menu bg-white/75 flex items-center rounded-lg font-heading border p-0.5 border-theme-neutral-subtle"> <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 %} {% for doc in docs %}
{% set current_name = doc.name if doc.current == True %} {% 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 }}"> <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 }}">