Fix broken settingsIcon on SpaceRoomView (#8137)

pull/21833/head
Suguru Hirahara 2022-03-23 21:56:16 +00:00 committed by GitHub
parent 6721d4fe9c
commit 8710f59da5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 33 deletions

View File

@ -359,46 +359,44 @@ $SpaceRoomViewInnerWidth: 428px;
} }
} }
.mx_SpaceRoomView_landing { .mx_SpaceRoomView_landing_inviteButton,
.mx_SpaceRoomView_landing_inviteButton, .mx_SpaceRoomView_landing_settingsButton {
.mx_SpaceRoomView_landing_settingsButton { position: relative;
position: relative;
&::before { &::before {
position: absolute; position: absolute;
content: ""; content: "";
mask-position: center; mask-position: center;
mask-repeat: no-repeat; mask-repeat: no-repeat;
}
} }
}
.mx_SpaceRoomView_landing_inviteButton { .mx_SpaceRoomView_landing_inviteButton {
padding: 4px 18px 4px 40px; padding: 4px 18px 4px 40px;
height: min-content; height: min-content;
&::before { &::before {
left: 8px; left: 8px;
height: 16px; height: 16px;
width: 16px; width: 16px;
background: #fff; // white icon fill background: #fff; // white icon fill
mask-size: 16px; mask-size: 16px;
mask-image: url('$(res)/img/element-icons/room/invite.svg'); mask-image: url('$(res)/img/element-icons/room/invite.svg');
}
} }
}
.mx_SpaceRoomView_landing_settingsButton { .mx_SpaceRoomView_landing_settingsButton {
width: 24px; width: 24px;
height: 24px;
&::before {
left: 0;
top: 0;
height: 24px; height: 24px;
width: 24px;
&::before { background: $tertiary-content;
left: 0; mask-size: contain;
top: 0; mask-image: url('$(res)/img/element-icons/settings.svg');
height: 24px;
width: 24px;
background: $tertiary-content;
mask-size: contain;
mask-image: url('$(res)/img/element-icons/settings.svg');
}
} }
} }
} }