fix(quote): add italic text, change position

yoyurec · Aug 6, 2022 · 09e4832 · 09e4832
1 parent 6df93f0
commit 09e4832
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 9 deletions.
diff --git a/screenshots/widgets-dark-01.png b/screenshots/widgets-dark-01.png
diff --git a/screenshots/widgets-light-01.png b/screenshots/widgets-light-01.png
diff --git a/src/main.css b/src/main.css
@@ -181,7 +181,7 @@ body[data-page="home"].is-icon-active #journals .journal-item:first-of-type h1.t
 /* Quote */
 #banner-widgets-quote {
     position: relative;
-    margin: 12px 10px;
+    margin: 6px 8px;
     filter: drop-shadow(0px 0px 2px rgba(var(--widgetsTextColor), 0.2)) drop-shadow(-2px -2px 0px rgba(var(--widgetsBgColor), 0.8))
 }
 #banner-widgets-quote::before {

diff --git a/src/main.ts b/src/main.ts
@@ -743,18 +743,13 @@ const getWeatherHTML = async () => {
 
 // Render random quote widget
 const renderWidgetQuote = async () => {
+  doc.getElementById("banner-widgets-quote")?.remove();
   if (widgetsConfig.quote.enabled === "off" || (widgetsConfig.quote.enabled === "journals" && !(isHome || isJournal))) {
-    doc.getElementById("banner-widgets-quote")?.remove();
     return;
   }
   const quote = await getRandomQuote();
   if (quote) {
-    const bannerWidgetsQuoteText = doc.getElementById("banner-widgets-quote-text");
-    if (bannerWidgetsQuoteText) {
-      bannerWidgetsQuoteText.textContent = quote;
-    } else {
-      doc.getElementById("banner-widgets")?.insertAdjacentHTML("beforeend", `<div id="banner-widgets-quote"><span id="banner-widgets-quote-text">${quote}</span></div>`);
-    }
+    doc.getElementById("banner-widgets")?.insertAdjacentHTML("beforeend", `<div id="banner-widgets-quote"><span id="banner-widgets-quote-text">${quote}</span></div>`);
     root.style.setProperty("--widgetsQuoteFS", getFontSize(quote.length));
   }
 }
@@ -791,7 +786,7 @@ const getRandomQuote = async () => {
   const randomQuoteBlock = quotesList[Math.floor(Math.random() * quotesList.length)][0];
   const randomQuoteContent: string = randomQuoteBlock.content || "";
   const regExpVal = new RegExp(`${widgetsConfig.quote.tag}`,"gi");
-  return randomQuoteContent.replace(regExpVal, "").trim();
+  return randomQuoteContent.replace(regExpVal, "").replace(/\*(.*)\*/g, "<i>$1</i>").trim();
 }
 
 // Render custom widget