PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Remove hover effect from user name on a DM creation UI (#10887)

Browse source
This commit is contained in:
Suguru Hirahara 2023-05-30 09:23:23 +00:00 committed by GitHub
parent 938aefc51c
commit 50f7317762
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
cypress/e2e/invite/invite-dialog.spec.ts
View file

@ -164,6 +164,15 @@ describe("Invite dialog", function () {
// Assert that the invite dialog disappears
cy.get(".mx_InviteDialog_other").should("not.exist");
// Assert that the hovered user name on invitation UI does not have background color
// TODO: implement the test on room-header.spec.ts
cy.get(".mx_RoomHeader").within(() => {
cy.get(".mx_RoomHeader_name--textonly")
.realHover()
.get(".mx_RoomHeader_name--textonly:hover")
.should("have.css", "background-color", "rgba(0, 0, 0, 0)");
});
// Send a message to invite the bots
cy.getComposer().type("Hello{enter}");

15
res/css/views/rooms/_RoomHeader.pcss
View file

@ -80,6 +80,7 @@ limitations under the License.
padding: 1px 4px;
display: flex;
user-select: none;
cursor: pointer;
&:hover {
background-color: $quinary-content;
@ -102,6 +103,14 @@ limitations under the License.
background-color: $tertiary-content;
}
&.mx_RoomHeader_name--textonly {
cursor: unset;
&:hover {
background-color: unset;
}
}
&[aria-expanded="true"] {
background-color: $quinary-content;
@ -120,11 +129,6 @@ limitations under the License.
opacity: 0.6;
}
.mx_RoomHeader_name:not(.mx_RoomHeader_name--textonly),
.mx_RoomHeader_avatar {
cursor: pointer;
}
.mx_RoomTopic {
position: relative;
cursor: pointer;
@ -157,6 +161,7 @@ limitations under the License.
flex: 0;
margin: 0 7px;
position: relative;
cursor: pointer;
}
.mx_RoomHeader_avatar .mx_BaseAvatar_image {