From f21e72d10b2cf8607c4bbfbc7cfa2c52d90fa774 Mon Sep 17 00:00:00 2001 From: Cael Date: Fri, 2 Aug 2024 12:24:39 +0800 Subject: [PATCH] fix: remove every new line tempaltes to avoid unexpected rendering --- templates/announcement-banner.html | 15 --------------- templates/scroll-to-top.html | 2 -- 2 files changed, 17 deletions(-) diff --git a/templates/announcement-banner.html b/templates/announcement-banner.html index f1eb5c0..9816eae 100644 --- a/templates/announcement-banner.html +++ b/templates/announcement-banner.html @@ -6,10 +6,8 @@ flex-direction: column; justify-content: center; align-items: center; - margin: 0; padding: 1rem 3.5rem; - background: repeating-linear-gradient( 45deg, var(--site-announcement-bar-stripe-color1), @@ -18,47 +16,38 @@ var(--site-announcement-bar-stripe-color2) 40px ); } - .announcement-banner { --site-announcement-bar-stripe-color1: #e5e7eb; --site-announcement-bar-stripe-color2: #d1d5db; } - .announcement-banner[data-theme="ocean"] { --site-announcement-bar-stripe-color1: #86b2f9; --site-announcement-bar-stripe-color2: #7298ea; } - .announcement-banner[data-theme="forest"] { --site-announcement-bar-stripe-color1: #97f5d6; --site-announcement-bar-stripe-color2: #6de0bf; } - .announcement-banner[data-theme="lava"] { --site-announcement-bar-stripe-color1: #fea3a3; --site-announcement-bar-stripe-color2: #e57e7e; } - html:is(.navy, .coal, .ayu) .announcement-banner { --site-announcement-bar-stripe-color1: #1f2937; --site-announcement-bar-stripe-color2: #111827; } - html:is(.navy, .coal, .ayu) .announcement-banner[data-theme="ocean"] { --site-announcement-bar-stripe-color1: #2563eb; --site-announcement-bar-stripe-color2: #1d4ed8; } - html:is(.navy, .coal, .ayu) .announcement-banner[data-theme="forest"] { --site-announcement-bar-stripe-color1: #22d3a5; --site-announcement-bar-stripe-color2: #0fbf8f; } - html:is(.navy, .coal, .ayu) .announcement-banner[data-theme="lava"] { --site-announcement-bar-stripe-color1: #f87171; --site-announcement-bar-stripe-color2: #ef4444; } - .announcement-banner p { width: 100%; margin: 0; @@ -69,17 +58,14 @@ text-overflow: ellipsis; text-wrap: balance; } - .announcement-banner button { top: 50%; right: 1rem; position: absolute; transform: translateY(-50%); - width: 3rem; height: 3rem; cursor: pointer !important; - border: none; font-weight: 900; border-radius: 50%; @@ -96,7 +82,6 @@ const id = banner.getAttribute("data-id"); const message = banner.querySelector("p").textContent; const localData = JSON.parse(localStorage.getItem("mdbook-announcement-banner")); - if (!localData || localData.id !== id || localData.hide !== true) { banner.style.display = "flex"; const page = document.querySelector(".page"); diff --git a/templates/scroll-to-top.html b/templates/scroll-to-top.html index 2e237ab..06e464c 100644 --- a/templates/scroll-to-top.html +++ b/templates/scroll-to-top.html @@ -6,12 +6,10 @@ display: none; align-items: center; justify-content: center; - position: fixed; padding: 0.75rem; bottom: 4rem; right: calc(1.25rem + 90px + var(--page-padding)); - z-index: 999; cursor: pointer; border: none;