mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-26 19:26:04 +03:00
Code Issues Projects Releases Packages Wiki Activity

Update home icon

Browse source
This commit is contained in:
Travis Ralston 2020-08-27 13:18:52 -06:00
parent 8a5dc7edd7
commit 13e9f7b912
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
res/css/structures/_TagPanel.scss
View file

@ -99,11 +99,11 @@ limitations under the License.
} }
.mx_TagTile:not(.mx_TagTile_selected_prototype) .mx_TagTile_homeIcon { .mx_TagTile:not(.mx_TagTile_selected_prototype) .mx_TagTile_homeIcon {
background-color: $icon-button-color; // XXX: Variable abuse background-color: $roomheader-addroom-bg-color;
border-radius: 48px; border-radius: 48px;
&::before { &::before {
background-color: $primary-bg-color; // light-on-grey background-color: $roomheader-addroom-fg-color;
} }
} }
@ -116,13 +116,14 @@ limitations under the License.
mask-image: url('$(res)/img/element-icons/home.svg'); mask-image: url('$(res)/img/element-icons/home.svg');
mask-position: center; mask-position: center;
mask-repeat: no-repeat; mask-repeat: no-repeat;
width: 21px; mask-size: 21px;
height: 21px;
content: ''; content: '';
display: inline-block; display: inline-block;
width: 32px;
height: 32px;
position: absolute; position: absolute;
top: calc(50% - 10.5px); top: calc(50% - 16px);
left: calc(50% - 10.5px); left: calc(50% - 16px);
} }
} }

2
res/img/element-icons/home.svg
View file

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.33301 14.9494V7.28325C2.33301 6.8921 2.50477 6.52067 2.80281 6.26733L8.0282 1.82575C8.58834 1.34963 9.411 1.34963 9.97115 1.82575L15.1965 6.26734C15.4946 6.52067 15.6663 6.89065 15.6663 7.28181V14.9756C15.6663 16.0899 14.7592 16.9891 13.6449 16.9792C11.3214 16.9585 7.43567 16.9341 4.38152 16.9659C3.25744 16.9776 2.33301 16.0735 2.33301 14.9494Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.33301 7.28322V14.9493C2.33301 16.0735 3.25744 16.9776 4.38152 16.9659C4.90089 16.9605 5.44431 16.9567 6 16.9543V11.5C6 10.6716 6.67157 10 7.5 10H10.5C11.3284 10 12 10.6716 12 11.5V16.9662C12.6022 16.9703 13.1579 16.9748 13.6449 16.9791C14.7592 16.989 15.6663 16.0899 15.6663 14.9756V7.28178C15.6663 6.89062 15.4946 6.52064 15.1965 6.2673L9.97115 1.82572C9.411 1.3496 8.58834 1.3496 8.0282 1.82572L2.80281 6.2673C2.50477 6.52064 2.33301 6.89206 2.33301 7.28322Z" fill="#737D8C"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 478 B

After

Width:  |  Height:  |  Size: 634 B