From c2491ee1e824191f1a2ea9c0c039867577fdb553 Mon Sep 17 00:00:00 2001
From: "Martin, Alexander Scott" <mart2070@purdue.edu>
Date: Wed, 5 Feb 2025 11:26:24 -0500
Subject: [PATCH 1/3] allow for sticky columns

---
 tdx-enhanced.js | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/tdx-enhanced.js b/tdx-enhanced.js
index 269c38c..b578b58 100644
--- a/tdx-enhanced.js
+++ b/tdx-enhanced.js
@@ -397,6 +397,15 @@
                 }
             }
         }
+
+        //apply sticky columns
+        let stickyColumns = settings('get','stickyColumns')
+        if (stickyColumns) {
+            [...document.querySelectorAll(".desktop-column")].forEach(column=>{
+                column.style.position = "sticky"
+                column.style.top = "45px"
+            });
+        }
     }
 
     function invertHex(hex) {
@@ -1039,6 +1048,10 @@
                         <option value="default">Default</option>
                         <option value="1_100-66-33">100% / 66-33%</option>
                     </select>
+                    <div>
+                        <input type="checkbox" id="stickyColumns" name="stickyColumns" value="enabled" />
+                        <label for="stickyColumns">Sticky Columns</label>
+                    </div>
                 </div>
                 <div>
                     <h4>Link Behavior</h4>
@@ -1195,6 +1208,9 @@
                     if (form) {
                         let elements = form.elements
                         form[setting].value = value
+                        if (form[setting].type=="checkbox") {
+                            form[setting].checked = value=="enabled" ? true : false
+                        }
                     }
                 }
 
@@ -1508,6 +1524,7 @@
 #settingsForm .flex {
     display: flex;
     gap: 24px;
+    align-items: baseline;
 }
 
 #settingsForm .textBox {

From 010fc524e6ca2510d8a40f42e06c5ec9f437664d Mon Sep 17 00:00:00 2001
From: "Martin, Alexander Scott" <mart2070@purdue.edu>
Date: Wed, 5 Feb 2025 11:27:39 -0500
Subject: [PATCH 2/3] various styling & some cleanup

---
 tdx-enhanced.js | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/tdx-enhanced.js b/tdx-enhanced.js
index b578b58..69ee37c 100644
--- a/tdx-enhanced.js
+++ b/tdx-enhanced.js
@@ -1043,7 +1043,7 @@
                     </div>
                 </div>
                 <div>
-                    <h5>Layout</h5>
+                    <h4>Layout</h4>
                     <select name="layout" id="layout">
                         <option value="default">Default</option>
                         <option value="1_100-66-33">100% / 66-33%</option>
@@ -1226,10 +1226,6 @@
                         setColors('theme',data.theme)
                     }
                 }
-
-                if ('customHighlights' in data) {
-                    //parseCustomHighlights(data.highlightData)
-                }
                 break
             }
 
@@ -1914,6 +1910,10 @@ ul.dropdown-menu .btn.btn.btn-link[data-v-0b9084d2]:hover {
     background-color: var(--bg-3);
 }
 
+div.refresh-indicator {
+    background: linear-gradient(180deg,var(--bg-1),hsla(0,0%,100%,0)) !important;
+}
+
 /* Replies */
 #ttDescription, .feed-item-text {
 	/* color: var(--txt-2); */
@@ -1966,6 +1966,14 @@ a.cke_button_disabled:active, a.cke_button_disabled:focus, a.cke_button_disabled
     background: var(--col-2) !important;
 }
 
+button.btn.btn-link.black:focus, button.btn.btn-link.dropdown.black:active, select:focus-visible {
+    outline-color: var(--col-1);
+}
+
+.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
+    outline-color: var(--col-0);
+}
+
 .cke_colorblock, .cke_colorblock a {
 	color: var(--txt-1);
 }
@@ -2104,7 +2112,7 @@ ul.nav-pills li.dropdown button.dropdown-toggle:hover {
 	background-color: var(--bg-1);
 }
 
-.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
+input[type=checkbox], input[type=checkbox], input[type=radio], input[type=radio] {
     accent-color: var(--col-1);
 }
 
@@ -2528,12 +2536,6 @@ div.feed-entry {
     border: 1px solid var(--border-0);
 }
 
-/* CUSTOM LAYOUTS */
-
-.layout-container {
-    display: flow-root;
-}
-
 
     `
 

From 216b2fe2df991b1d108e8963c5d9d255381b7480 Mon Sep 17 00:00:00 2001
From: "Martin, Alexander Scott" <mart2070@purdue.edu>
Date: Wed, 5 Feb 2025 11:28:06 -0500
Subject: [PATCH 3/3] bump version

---
 tdx-enhanced.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tdx-enhanced.js b/tdx-enhanced.js
index 69ee37c..ca10fe2 100644
--- a/tdx-enhanced.js
+++ b/tdx-enhanced.js
@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         tdx-enhanced
 // @namespace    ecn
-// @version      2025-02-04-01
+// @version      2025-02-05-01
 // @description  enhanced tdx coloring & formatting. follows system color scheme.
 // @author       Purdue STEM IT - it@purdue.edu
 // @match        https://service.purdue.edu/TDNext/*