Minor tweak of styling and ran prettier on everything

rberenguel · Dec 8, 2024 · 9aaf630 · 9aaf630
1 parent 8321dd0
commit 9aaf630
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 1 deletion.
diff --git a/backgrounds.js b/backgrounds.js
@@ -3,6 +3,10 @@ const backgrounds = [
   "synthwave.jpg",
   "pencils.jpg",
   "bubbles.jpg",
+  "bubbles.jpg", // I particularly like this one
   "flows-78259.jpg",
   "creation.jpg",
+  "starry2024.jpg", // Extra seasonal weight
+  "starry2024.jpg",
+  "starry2024.jpg",
 ];
diff --git a/backgrounds/flows-78259.jpg b/backgrounds/flows-78259.jpg
diff --git a/backgrounds/starry2024.jpg b/backgrounds/starry2024.jpg
diff --git a/lib/taskUtils.js b/lib/taskUtils.js
@@ -509,6 +509,9 @@ function addTasksToDiv(_tasks, targetDivId) {
           row.classList.remove("dim");
           hl = true;
         }
+        if (row.id === "reference") {
+          row.classList.remove("dim");
+        }
       }
       if (!hl) {
         taskRows.map((t) => t.classList.remove("dim"));

diff --git a/lib/weatherUtils.js b/lib/weatherUtils.js
@@ -3,7 +3,7 @@
 let weatherChart;
 
 Chart.defaults.color = "#eee";
-const plotWeather = (location, targetDivId) => {
+const plotWeather = (title, location, targetDivId) => {
   const { lat, long } = location;
   const targetDiv = document.getElementById(targetDivId);
   if (!targetDiv) {
@@ -59,6 +59,13 @@ const plotWeather = (location, targetDivId) => {
                 pointStyleWidth: 10,
               },
             },
+            title: {
+              display: true,
+              font: {
+                size: 10,
+              },
+              text: title,
+            },
           },
         },
         data: {

diff --git a/style.css b/style.css
@@ -186,6 +186,9 @@ span[data-title]:hover::after {
   color: var(--light);
   padding: 0.5em;
   border-radius: 0.5em;
+  width: 30em;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .taskRow.error > div {
@@ -208,6 +211,9 @@ span[data-title]:hover::after {
   padding: 0.5em;
   border-radius: 0.5em;
   white-space: pre; /* Preserve newline character */
+  width: 30em;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .taskRow[data-prio]:hover::after {