nikon/docsearch
1
0
Fork 0
Code Activity Actions

feat(css): Update menu on small screen

Browse source
This commit is contained in:
Pixelastic 2018-08-16 16:14:08 +02:00
parent 6dbf50e32b
commit b5733d2bc9
2 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/src/_layouts/main.pug
View file

@ -26,7 +26,7 @@ html(lang='en')
body.hind.text-telluric.bg-white body.hind.text-telluric.bg-white
include ../_includes/tag-manager-noscript.pug include ../_includes/tag-manager-noscript.pug
include ../_includes/header.pug include ../_includes/header.pug
.block.mt-3 .mt-3
block content block content
script(src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js") script(src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js")

35
docs/src/_layouts/two-columns.pug
View file

@ -16,27 +16,28 @@ block nav
path(d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z") path(d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z")
block content block content
.bgtb-moon-white-pure .bgtb-moon-white-pure.relative
.md_flex.max-w-lg.m-auto .md_flex.max-w-lg.m-auto
.navigation-sidebar.hidden.absolute.z-90.md_static.bg-white.md_bg-transparent.w-100.md_w-25.md_block.md_border-0.text-center.md_text-left.md_pl-2 .navigation-sidebar.absolute.hidden.md_static.bg-white.md_bg-transparent.w-100.md_w-25.md_block.md_border-0.text-left.md_pl-2
// Adding subsections from markdown // Adding subsections from markdown
.sticky.pin-t.h-100vh.overflow-y-auto.pt-4.md_pt-3.lg_pt-4.w-full .sticky.pin-t.h-100vh-3.overflow-y-auto.pt-2.w-5.m-auto.sm_flex.sm_w-90.md_block.md_w-100
each category in sidebar each category in sidebar
.category.text-nebula.poppins.uppercase.mb-1.text-2.md_text-1=category.title .flcnw.flspa.sm_flex-auto.sm_w-33.sm_p-1.md_w-100.md_p-0
ul.list-reset.pb-1.text-1.mb-1.md_ml-0x .category.text-nebula.poppins.uppercase.mb-1.text-2=category.title
each page in category.pages ul.list-reset.text-1.mb-1.md_ml-0x
- var isCurrent = current.url === page.url each page in category.pages
- var additionalClasses = isCurrent ? 'text-nebula' : 'text-solstice' - var isCurrent = current.url === page.url
li - var additionalClasses = isCurrent ? 'text-nebula' : 'text-solstice'
a.block.py-0x(href=page.url, class=additionalClasses)=page.title li
- var hasSubLinks = (page.headings && page.headings.length) a.block.py-0x(href=page.url, class=additionalClasses)=page.title
if hasSubLinks - var hasSubLinks = (page.headings && page.headings.length)
ul.list-reset.pl-1.text-2 if hasSubLinks
each heading in page.headings ul.list-reset.pl-1.text-2
li each heading in page.headings
a.block.py-0x.text-telluric(href=`${page.url}#${heading.anchor}`)=heading.title li
a.block.py-0x.text-telluric(href=`${page.url}#${heading.anchor}`)=heading.title
.documentation-content.text-1.pt-2.md_pt-3.lg_pt-4.pb-4.px-2.w_100.md_w-75 .documentation-content.text-1.pt-2.pb-1.px-2.w_100.md_w-75
.block.md_hidden.mb-1 .block.md_hidden.mb-1
a(href=site.url) DocSearch a(href=site.url) DocSearch
span  >  span  >