CSS tweak

aunefyren · Dec 8, 2023 · bdd7db5 · bdd7db5
1 parent e69f270
commit bdd7db5
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/web/css/main.css b/web/css/main.css
@@ -403,6 +403,12 @@ button:disabled {
   transition: 1s;
 }
 
+.hoverable-opacity:hover {
+  opacity: 0.5;
+  transition: 1s;
+  color: var(--black);
+}
+
 .hoverable-dark:hover {
   background-color: var(--darkblue);
   transition: 1s;
@@ -559,7 +565,7 @@ button:disabled {
   align-content: center;
   border-radius: 1em;
   border: 0.15em solid var(--darkblue);
-  background-color: var(--eggshell);
+  background-color: var(--white);
   margin: 0.25em 1em;
 }
 

diff --git a/web/js/groups.js b/web/js/groups.js
@@ -193,7 +193,7 @@ function place_groups(group_array, user_id) {
             if(j == 0) {
                 html += '<div class="text-body">Members in this group:</div>'
             }
-            html += '<div class="group-member hoverable-light" title="Group member">'
+            html += '<div class="group-member hoverable-opacity" title="Group member">'
 
             html += '<div class="group-title">';
 

diff --git a/web/js/wishlists.js b/web/js/wishlists.js
@@ -250,7 +250,7 @@ function place_wishlists(wishlists_array, user_id) {
                 html += '<div class="text-body">Available in these groups:</div>'
             }
 
-            html += '<div class="group-member hoverable-light" title="Group">'
+            html += '<div class="group-member hoverable-opacity" title="Group">'
 
             html += `<div class="group-title clickable underline" onclick="location.href = '/groups/${wishlists_array[i].members[j].id}'" title="Go to group">`;
 
@@ -287,7 +287,7 @@ function place_wishlists(wishlists_array, user_id) {
                 html += '<div class="text-body">Wishlist collaborators:</div>'
             }
 
-            html += '<div class="group-member hoverable-light" title="User">'
+            html += '<div class="group-member hoverable-opacity" title="User">'
 
             html += '<div class="group-title">';