From cc7a69f3878a100d180dc9030a44f86748e198fc Mon Sep 17 00:00:00 2001
From: ngnee <10722669-ngnee@users.noreply.gitlab.com>
Date: Tue, 4 Feb 2025 15:50:49 +0100
Subject: [PATCH] - Fix z-index of more dropdown on desktop

---
 bookface_dark.css  | 14 ++++----------
 bookface_light.css | 14 ++++----------
 2 files changed, 8 insertions(+), 20 deletions(-)

diff --git a/bookface_dark.css b/bookface_dark.css
index ed77a6b..174255b 100644
--- a/bookface_dark.css
+++ b/bookface_dark.css
@@ -314,8 +314,7 @@ box-sizing: border-box;
        span.label {
               font-size: 12px;
               margin-bottom: 10px;
-              background: var(--background-color) !important;
-              filter: brightness(0.95) !important;
+              background: rgba(242, 244, 247, 0.1) !important;
               color: var(--font-color-darker) !important;
               border-radius: 8px;
               display: inline-block;
@@ -625,8 +624,7 @@ aside .widget,
        .wall-item-response {
               position: relative;
               overflow: visible !important;
-              background-color: var(--background-color);
-              filter: brightness(0.99);
+              background-color: rgba(242, 244, 247, 0.05);
               border-radius: 16px;
               margin-right: 10px;
               min-height: 58px;
@@ -654,8 +652,6 @@ aside .widget,
               content: 'More';
        }
        span.more-links {
-              background-color: var(--background-color);
-              filter: brightness(0.99);
               border-radius: 16px;
               min-height: 58px;
        }
@@ -669,8 +665,7 @@ aside .widget,
               display: flex;
        }
        div.wall-item-actions-row > button, div.share-links > button, .more-links > button {
-              background-color: var(--background-color) !important;
-              filter: brightness(0.99);
+              background-color: rgba(242, 244, 247, 0.05) !important;
               border-radius: 16px;
               min-width: 52px;
               text-decoration: none !important;
@@ -1018,8 +1013,7 @@ aside .widget li:hover {
 	button.content-filter-button {
 		font-size: 12px;
 		padding: 10px;
-		background-color: var(--background-color);
-		filter: brightness(0.95);
+		background-color: rgba(242, 244, 247, 0.1);
 	}
 /* Calendar */
 .fc-unthemed td.fc-today {
diff --git a/bookface_light.css b/bookface_light.css
index 7258ca1..f09b572 100644
--- a/bookface_light.css
+++ b/bookface_light.css
@@ -273,8 +273,7 @@
 		span.label {
 			font-size: 12px;
 			margin-bottom: 10px;
-			background: var(--background-color) !important;
-			filter: brightness(0.95) !important;
+			background: rgba(28, 28, 29, 0.1) !important;
 			color: var(--font-color-darker) !important;
 			border-radius: 8px;
 			display: inline-block;
@@ -543,8 +542,7 @@
 		.wall-item-response {
 		    position: relative;
 			overflow: visible !important;
-			background-color: var(--background-color);
-			filter: brightness(0.99);
+			background-color: rgba(28, 28, 29, 0.05);
 			border-radius: 16px;
 			margin-right: 10px;
 			min-height: 58px;
@@ -572,8 +570,6 @@
 			content: 'More';
 		}
 		span.more-links {
-			background-color: var(--background-color);
-			filter: brightness(0.99);
 			border-radius: 16px;
 			min-height: 58px;
 		}
@@ -587,8 +583,7 @@
 			display: flex;
 		}
 		div.wall-item-actions-row > button, div.share-links > button, .more-links > button {
-			background-color: var(--background-color) !important;
-			filter: brightness(0.99);
+			background-color: rgba(28, 28, 29, 0.05) !important;
 			border-radius: 16px;
 			min-width: 52px;
 			text-decoration: none !important;
@@ -950,8 +945,7 @@
 	button.content-filter-button {
 		font-size: 12px;
 		padding: 10px;
-		background-color: var(--background-color);
-		filter: brightness(0.95);
+		background-color: rgba(28, 28, 29, 0.1);
 	}
 /* Calendar */
 .fc-unthemed td.fc-today {