From 38ad0d4fb5535aa7418581b17f5d2a677ad85ef6 Mon Sep 17 00:00:00 2001 From: Katarzyna Stachura Date: Tue, 25 Jan 2022 22:58:45 +0100 Subject: [PATCH 1/3] add an opaque background to hovered user name in IRC style view Signed-off-by: Katarzyna Stachura --- res/css/views/rooms/_IRCLayout.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss index 2afc3efce46..4441c2b8b55 100644 --- a/res/css/views/rooms/_IRCLayout.scss +++ b/res/css/views/rooms/_IRCLayout.scss @@ -199,6 +199,8 @@ $irc-line-height: $font-18px; > .mx_SenderProfile_displayName { overflow: visible; + display: inline; + background-color: $event-selected-color; } > .mx_SenderProfile_mxid { From f3891a8dc04da6718d0a25ffa55450080955e938 Mon Sep 17 00:00:00 2001 From: Katarzyna Stachura Date: Wed, 26 Jan 2022 21:46:54 +0100 Subject: [PATCH 2/3] adjust styles to match design requirements Signed-off-by: Katarzyna Stachura --- res/css/views/rooms/_IRCLayout.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss index 4441c2b8b55..ad370ec72fe 100644 --- a/res/css/views/rooms/_IRCLayout.scss +++ b/res/css/views/rooms/_IRCLayout.scss @@ -201,6 +201,8 @@ $irc-line-height: $font-18px; overflow: visible; display: inline; background-color: $event-selected-color; + border-radius: 8px 0 0 8px; + padding-right: 8px; } > .mx_SenderProfile_mxid { From d23b1985fcfa2964ec93c826eda1ffba9f58531c Mon Sep 17 00:00:00 2001 From: Katarzyna Stachura Date: Thu, 27 Jan 2022 15:44:47 +0100 Subject: [PATCH 3/3] add matching styles for mxid (full user id for duplicate display names) Signed-off-by: Katarzyna Stachura --- res/css/views/rooms/_IRCLayout.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss index ad370ec72fe..7b7bc953a48 100644 --- a/res/css/views/rooms/_IRCLayout.scss +++ b/res/css/views/rooms/_IRCLayout.scss @@ -190,6 +190,9 @@ $irc-line-height: $font-18px; > .mx_SenderProfile_mxid { visibility: collapse; + // Override the inherited margin. + margin-left: 0; + padding: 0 5px; } } @@ -207,6 +210,8 @@ $irc-line-height: $font-18px; > .mx_SenderProfile_mxid { visibility: visible; + opacity: 1; + background-color: $event-selected-color; } }