diff options
author | malechiMLC <3054487172@qq.com> | 2020-05-15 14:41:13 +0300 |
---|---|---|
committer | malechiMLC <3054487172@qq.com> | 2020-05-15 14:41:13 +0300 |
commit | f4311ec8076486664c64f571ada4a00b83682efe (patch) | |
tree | c15e00ead11881e75324583777ce32f380e1400d /layouts/_default | |
parent | f9e7c7846c0fc4923f1a05e814354be443985541 (diff) | |
parent | 864f08c0c12c072d499f71e55b6beb9963042d52 (diff) |
style: change details page style
Diffstat (limited to 'layouts/_default')
-rw-r--r-- | layouts/_default/baseof.html | 2 | ||||
-rw-r--r-- | layouts/_default/single.html | 18 |
2 files changed, 12 insertions, 8 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index f86414c..4fd1a67 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -3,7 +3,7 @@ {{- partial "head.html" . -}} <body> - <header class="fixed w-full h-16 z-50 bg-secondary"> + <header class="fixed w-full h-16 z-50 bg-secondary-bg"> <div class="container mx-auto"> <div class="max-w-screen-xl"> {{- partial "header.html" . -}} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 93cd7f6..3e6725d 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -2,7 +2,8 @@ {{ $hasToc := and (in .TableOfContents "<li>" ) (.Params.toc) }} {{ $hasSidebar := or ($hasToc) (.Params.series) }} <div class="grid grid-cols-2 lg:grid-cols-8 gap-4"> - <div class="col-span-2 {{ if not $hasSidebar }} {{- print "lg:col-start-2" -}} {{ end }} lg:col-span-6 bg-secondary px-6 py-8"> + <div + class="col-span-2 {{ if not $hasSidebar }} {{- print "lg:col-start-2" -}} {{ end }} lg:col-span-6 bg-secondary-bg px-6 py-8"> <h1 class="font-bold text-3xl text-gray-700">{{ .Title }}</h1> {{ partial "post_metadata.html" . }} <div class="content"> @@ -19,14 +20,16 @@ {{ end }} </div> {{ end }} - + {{ $related := .Site.RegularPages.Related . | first 5 }} {{ with $related }} - <div class="col-span-2 {{ if not $hasSidebar }} {{- print "lg:col-start-2" -}} {{ end }} lg:col-span-6 bg-secondary p-6"> + <div + class="col-span-2 {{ if not $hasSidebar }} {{- print "lg:col-start-2" -}} {{ end }} lg:col-span-6 bg-secondary-bg p-6"> <h2 class="subtitle">See Also</h2> <div class="content"> {{ range . }} <a href="{{ .RelPermalink }}">{{ .Title }}</a> + <br /> {{ end }} </div> </div> @@ -41,7 +44,7 @@ if (entry.intersectionRatio > 0) { if (delay == true) { let element = document.querySelector('.sticky-toc li.active') - element.firstChild.classList.remove('text-primary'); + element.firstChild.classList.remove(textColor); element.classList.remove('active'); delay = false; updatePosAndColor(); @@ -53,7 +56,7 @@ delay = true; } else { let element = document.querySelector(`.sticky-toc li a[href="#${id}"]`) - element.classList.remove('text-primary'); + element.classList.remove(textColor); element.parentElement.classList.remove('active'); updatePosAndColor(); } @@ -63,13 +66,14 @@ var delay = false; var targetPos = window.innerHeight * 0.4 + var textColor = 'text-eureka' function updatePosAndColor() { let elements = document.querySelectorAll('.sticky-toc li.active') let len = elements.length if (len != 0) { let firstElement = elements[0] - firstElement.firstChild.classList.add('text-primary') + firstElement.firstChild.classList.add(textColor) let offset = firstElement.offsetTop - targetPos; if (offset > 0) { document.querySelector(`.sticky-toc`).style.top = `calc( 7rem - ${offset}px)` @@ -77,7 +81,7 @@ document.querySelector(`.sticky-toc`).removeAttribute("style"); } for (let i = 1; i < len; i++) { - elements[i].firstChild.classList.remove('text-primary') + elements[i].firstChild.classList.remove(textColor) } } } |