Make rename button always visible

Rename buttons for guest participants and rooms should always be visible
(at least with opacity) to make their very existence more obvious.

Before they were always hidden and shown with full opacity when the
cursor was on the label wrapper, even if it was possible to interact
with the button only when the cursor was on it. Now, as the buttons are
always visible with a low opacity, the full opacity is set only when the
cursor is on the button itself and thus when it can be interacted with.

Signed-off-by: Sascha Wiswedel <sascha.wiswedel@nextcloud.com>

1 files changed, 7 insertions, 4 deletions

diff --git a/css/style.scss b/css/style.scss
index 805acbc50..c75cb4c7c 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -726,7 +726,13 @@ input[type="password"] {
 			display: flex;
 			align-items: center;
 			.edit-button {
-				display: none;
+				opacity: .3;
+
+				&:hover,
+				&:focus,
+				&:active {
+					opacity: 1;
+				}
 
 				.icon {
 					background-color: transparent;
@@ -735,9 +741,6 @@ input[type="password"] {
 					margin: 0;
 				}
 			}
-			&:hover .edit-button {
-				display: block;
-			}
 		}
 		.input-wrapper {
 			position: relative;