OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
res/css/structures/_SpaceRoomView.scss
View File

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