Replace "Copy link" tooltip with explicit label

Now that the management actions were moved to a menu there is enough
room to show a label for the "Copy link" button.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

1 files changed, 29 insertions, 3 deletions

diff --git a/css/style.scss b/css/style.scss
index 632f17036..42b69ed50 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -976,10 +976,30 @@ body:not(#body-public) .participantWithList > li > span:not(.currentUser):not(.g
 		margin-left: auto;
 	}
 
-	.clipboard-button .button,
+	.clipboard-button button {
+		display: flex;
+		align-items: center;
+
+		> span {
+			cursor: pointer;
+
+			/* Override reduced opacity set for button icons in server, as the
+			* button is already dimmed. */
+			opacity: 1;
+		}
+
+		/* Override appearance set for button text in server, as this button has
+		 * no background. */
+		padding: 0;
+
+		> span {
+			color: var(--color-main-text);
+			font-weight: normal;
+		}
+	}
+
+	.clipboard-button button,
 	.room-moderation-button .button {
-		width: 44px;
-		height: 44px;
 		background-color: transparent;
 		border: none;
 		margin: 0;
@@ -992,6 +1012,12 @@ body:not(#body-public) .participantWithList > li > span:not(.currentUser):not(.g
 		}
 	}
 
+	.clipboard-button .icon,
+	.room-moderation-button .button {
+		width: 44px;
+		height: 44px;
+	}
+
 	.room-moderation-button .menu {
 		/* Values copied from apps.scss in server. */
 		$popoveritem-height: 44px;