From 4ffb9ad9e94d3a44fec3cb55c6e4865ee9cbb527 Mon Sep 17 00:00:00 2001
From: weru <onewesh@gmail.com>
Date: Fri, 29 May 2020 08:16:16 +0000
Subject: [PATCH] edit helpers
---
assets/sass/_nav.sass | 4 +++-
assets/js/index.js | 8 ++++----
assets/sass/_base.sass | 5 ++++-
assets/sass/_variables.sass | 19 +++++++++++++++----
4 files changed, 26 insertions(+), 10 deletions(-)
diff --git a/assets/js/index.js b/assets/js/index.js
index 2f9c319..9cd3a55 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -106,10 +106,10 @@
(function calcNavHeight(){
const nav = elem('.nav_header');
- const navHeight = nav.offsetHeight;
- const docContent = elem('main');
- docContent.style.paddingTop = `${navHeight + 20}px`;
- return navHeight + 20;
+ const navHeight = nav.offsetHeight + 25;
+ const docContent = elem('main');
+ docContent.style.paddingTop = `${navHeight}px`;
+ return navHeight;
})();
(function markInlineCodeTags(){
diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index 689f2d8..bf41e28 100644
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@@ -111,7 +111,10 @@
aside
position: sticky
- top: 7rem
+ top: 5rem
+ max-height: 84vh
+ overflow-y: auto
+ padding-bottom: 2rem
h3
position: relative
ul
diff --git a/assets/sass/_nav.sass b/assets/sass/_nav.sass
index fbcbfd9..7a0747c 100644
--- a/assets/sass/_nav.sass
+++ b/assets/sass/_nav.sass
@@ -2,7 +2,7 @@
display: grid
grid-template-columns: 10rem 1fr 1fr
grid-gap: 1rem
- padding: 1rem 1.5rem !important
+ padding: 0 1.5rem !important
align-items: center
background-color: var(--bg)
&_header
@@ -12,6 +12,8 @@
width: 100%
background-color: var(--bg)
z-index: 999999
+ border-bottom: 1px solid var(--border-color)
+
&_body
display: flex
&-link
diff --git a/assets/sass/_variables.sass b/assets/sass/_variables.sass
index f97fe94..d4f94f2 100644
--- a/assets/sass/_variables.sass
+++ b/assets/sass/_variables.sass
@@ -10,15 +10,26 @@
--text: var(--dark)
--theme: #20c997
--font: 'Metropolis', sans-serif
+ --border-color: #eee
+ &::after
+ content: ""
+ height: 15vh
+ position: fixed
+ bottom: 0
+ width: 100vw
+ z-index: 9999
+ background: linear-gradient(to top, var(--bg), transparent)
-@media (prefers-color-scheme: dark)
- html
- *
- box-shadow: none !important
+ @media (prefers-color-scheme: dark)
--bg: var(--dark)
--text: var(--light)
--accent: var(--bubble)
--overlay: var(--bubble)
+ --border-color: transparent
+ *
+ box-shadow: none !important
+ &::after
+ background: linear-gradient(to top, var(--bg), transparent)
%narrow
max-width: 750px
--
Gitblit v1.10.0