mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-23 11:35:04 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #1006 from vector-im/calls-fix-scaling-icons

Browse Source 
Calls: Fix scaling of icons in toast and tile
This commit is contained in:
Bruno Windels 2023-01-27 10:15:35 +01:00 committed by GitHub
commit 06e1ab0c9e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/platform/web/ui/css/themes/element/theme.css
View File

@ -1278,7 +1278,10 @@ button.RoomDetailsView_row::after {
} }
.CallToastNotificationView__call-type::before { .CallToastNotificationView__call-type::before {
content: url("./icons/video-call.svg?primary=light-text-color"); content: "";
background-image: url("./icons/video-call.svg?primary=light-text-color");
background-repeat: no-repeat;
background-size: 20px 20px;
display: flex; display: flex;
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -1296,7 +1299,10 @@ button.RoomDetailsView_row::after {
} }
.CallToastNotificationView__member-count::before { .CallToastNotificationView__member-count::before {
content: url("./icons/room-members.svg?primary=light-text-color"); content: "";
background-image: url("./icons/room-members.svg?primary=light-text-color");
background-repeat: no-repeat;
background-size: 20px 20px;
display: flex; display: flex;
width: 20px; width: 20px;
height: 20px; height: 20px;

5
src/platform/web/ui/css/themes/element/timeline.css
View File

@ -465,7 +465,10 @@ only loads when the top comes into view*/
} }
.CallTileView_memberCount::before { .CallTileView_memberCount::before {
content: url('./icons/room-members.svg?primary=text-color'); content: "";
background-image: url('./icons/room-members.svg?primary=text-color');
background-repeat: no-repeat;
background-size: 16px 16px;
width: 16px; width: 16px;
height: 16px; height: 16px;
display: inline-flex; display: inline-flex;