From 3dc50a84e6ae99d991caf0dae9c3a222ec4a37f1 Mon Sep 17 00:00:00 2001
From: julian laplace <julescarbon@gmail.com>
Date: Wed, 26 Oct 2022 14:34:49 +0200
Subject: hover states

---
 views/partials/hootstream.ejs | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/views/partials/hootstream.ejs b/views/partials/hootstream.ejs
index 8d6e16f..755f83c 100644
--- a/views/partials/hootstream.ejs
+++ b/views/partials/hootstream.ejs
@@ -212,6 +212,7 @@
     padding: 0.5rem;
     white-space: nowrap;
     position: relative;
+    transition: opacity 0.1s;
   }
   #hootevents .fileRow div::after {
     content: ''; 
@@ -229,6 +230,10 @@
   #hootevents .fileRow:nth-child(even) div::after {
     background-color: #88b;
   }
+  #hootevents .fileRow:nth-child(even):hover div::after,
+  #hootevents .fileRow:nth-child(odd):hover div::after {
+    background-color: #bbf;
+  }
 
   /** Misc */
   #hootevents code, #hootevents pre {
@@ -288,12 +293,20 @@
     #hootevents .fileRow div {
       color: rgba(192,192,192,1.0);
     }
-  #hootevents .fileRow:nth-child(odd) div::after {
-    background-color: #88b;
-  }
-  #hootevents .fileRow:nth-child(even) div::after {
-    background-color: #448;
-  }
+    #hootevents .fileRow:nth-child(odd) div::after {
+      background-color: #88b;
+    }
+    #hootevents .fileRow:nth-child(even) div::after {
+      background-color: #448;
+    }
+    #hootevents .fileRow:nth-child(even):hover div::after,
+    #hootevents .fileRow:nth-child(odd):hover div::after {
+      background-color: #bbf;
+    }
+    #hootevents .hoot .threadLink:hover,
+    .desktop a:hover {
+      color: #2bf;
+    }
   }
 
   /** MEDIA QUERY: PHONE */
-- 
cgit v1.2.3-70-g09d2