toc click 버그 수정

3c609c24 · minseok.park · 684d54d2 · 3c609c24 · 3c609c24 · 3c609c24
Commit 3c609c24 authored Jun 10, 2024 by minseok.park
6 changed files
--- a/src/css/footer.css
+++ b/src/css/footer.css
 footer.footer {
-  background-color: var(--footer-background);
-  color: var(--footer-font-color);
-  font-size: calc(15 / var(--rem-base) * 1rem);
+  /* background-color: var(--footer-background); */
+  /* color: var(--footer-font-color); */
+  background-color: var(--color-white);
+  color: var(--color-bwg-main);
+  font-size: calc(15 / var(--rem-base) * 0.85rem);
  line-height: var(--footer-line-height);
-  padding: 1.5rem;
-  text-align: center;
+  padding: 0.5rem 1.5rem;
+  text-align: left;
 }

 .footer p {

--- a/src/css/header.css
+++ b/src/css/header.css
@@ -10,7 +10,7 @@ body {

 .navbar {
  background: var(--color-white);
-  border-bottom: 1px solid var(--color-bwg-main);
+  /* border-bottom: 1px solid var(--color-bwg-main); */
  color: var(--color-bwg-main);
  height: 4.5rem;
  font-size: calc(16 / var(--rem-base) * 1rem);

--- a/src/css/toolbar.css
+++ b/src/css/toolbar.css
 .toolbar {
  color: var(--toolbar-font-color);
  align-items: center;
-  background-color: var(--color-white);
+  background-color: var(--toolbar-background);
+  /* box-shadow: 0 1px 0 var(--toolbar-border-color); */
+  /* background-color: var(--color-white); */
+  /* margin: 0.5rem 0; */
+  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  display: flex;
  font-size: calc(15 / var(--rem-base) * 1rem);
  height: var(--toolbar-height);
  justify-content: flex-start;
  top: var(--navbar-height);
-  margin: 0.5rem 0;
+  padding: 0 3.15rem;
+  position: sticky;
+  z-index: var(--z-index-toolbar);
 }

 .toolbar a {

--- a/src/layouts/default.hbs
+++ b/src/layouts/default.hbs
@@ -6,6 +6,6 @@
  <body class="article{{#with (or page.attributes.role page.role)}} {{{this}}}{{/with}}">
 {{> header}}
 {{> body}}
-{{> footer}}
+{{!-- {{> footer}} --}}
  </body>
 </html>
--- a/src/partials/article.hbs
+++ b/src/partials/article.hbs
 <article class="doc">
-{{> toolbar}}
+{{!-- {{> toolbar}} --}}
 {{#with page.title}}
 <h1 class="page">{{{this}}}</h1>
 {{/with}}

--- a/src/partials/main.hbs
+++ b/src/partials/main.hbs
 <main class="article">
+{{> toolbar}}
  <div class="content">
 {{#if (eq page.layout '404')}}
 {{> article-404}}
@@ -7,4 +8,5 @@
 {{> article}}
 {{/if}}
  </div>
+{{> footer}}
 </main>