From f6b0b12a5b418ce41a79f547c99f448352ec6880 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Sat, 2 Nov 2024 00:08:04 +0200
Subject: [PATCH] web/css: add variable for button cursor style

---
 web/src/index.css                     |  3 ++-
 web/src/ui/composer/Autocompleter.css |  2 +-
 web/src/ui/roomlist/RoomList.css      |  2 +-
 web/src/ui/timeline/content/index.css | 18 ++++++++++--------
 4 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/web/src/index.css b/web/src/index.css
index aad4adb..623609e 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -60,6 +60,7 @@
 	--blockquote-border-color: var(--border-color);
 	--lightbox-button-color: var(--border-color);
 	--codeblock-background-color: inherit;
+	--clickable-cursor: default;
 
 	@media (prefers-color-scheme: dark) {
 		--background-color: #000;
@@ -149,7 +150,7 @@ input, textarea {
 }
 
 button, a.button {
-	cursor: default;
+	cursor: var(--clickable-cursor);
 	font-size: 1em;
 	background: none;
 	border: none;
diff --git a/web/src/ui/composer/Autocompleter.css b/web/src/ui/composer/Autocompleter.css
index 391adb3..60b8c7d 100644
--- a/web/src/ui/composer/Autocompleter.css
+++ b/web/src/ui/composer/Autocompleter.css
@@ -19,7 +19,7 @@ div.autocompletions {
 		display: flex;
 		align-items: center;
 		gap: .25rem;
-		/*cursor: pointer;*/
+		cursor: var(--clickable-cursor);
 
 		&.selected, &:hover {
 			background-color: var(--light-hover-color);
diff --git a/web/src/ui/roomlist/RoomList.css b/web/src/ui/roomlist/RoomList.css
index b5eab75..117be48 100644
--- a/web/src/ui/roomlist/RoomList.css
+++ b/web/src/ui/roomlist/RoomList.css
@@ -28,7 +28,7 @@ div.room-entry {
 	display: flex;
 	gap: 4px;
 	user-select: none;
-	/*cursor: pointer;*/
+	cursor: var(--clickable-cursor);
 	height: 3rem;
 	contain-intrinsic-height: 3rem;
 	content-visibility: auto;
diff --git a/web/src/ui/timeline/content/index.css b/web/src/ui/timeline/content/index.css
index 510786b..7552e5d 100644
--- a/web/src/ui/timeline/content/index.css
+++ b/web/src/ui/timeline/content/index.css
@@ -50,18 +50,15 @@ div.message-text {
 div.html-body {
 	overflow: hidden;
 
-	pre.chroma {
-		background-color: var(--codeblock-background-color);
-	}
-
-	a.hicli-matrix-uri-user, a.hicli-matrix-uri-room-alias {
+	a.hicli-matrix-uri-user:not(.hicli-matrix-uri-plaintext),
+	a.hicli-matrix-uri-room-alias:not(.hicli-matrix-uri-plaintext) {
 		background-color: var(--pill-background-color);
 		border-radius: 1rem;
 		padding: 0 .25rem;
 		color: inherit;
 		text-decoration: none !important;
 		text-wrap: nowrap;
-		cursor: default;
+		cursor: var(--clickable-cursor);
 
 		overflow: hidden;
 		max-width: 15rem;
@@ -90,8 +87,7 @@ div.html-body {
 	span.hicli-spoiler {
 		filter: blur(4px);
 		transition: filter .5s;
-		/*cursor: pointer;*/
-		cursor: default;
+		cursor: var(--clickable-cursor);
 
 		&.spoiler-revealed {
 			filter: none;
@@ -112,6 +108,12 @@ div.html-body {
 		width: 100%;
 		max-height: max(50vh, 400px);
 		overflow: auto;
+		/* Ensure floating scroll bars have their own space */
+		padding-bottom: .5rem;
+
+		&.chroma {
+			background-color: var(--codeblock-background-color);
+		}
 	}
 
 	h1, h2, h3, h4, h5, h6 {