imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change user avatar to a home icon

Browse source
This commit is contained in:
Travis Ralston 2020-08-25 21:45:38 -06:00
parent c9e967f05c
commit 20c562c208
4 changed files with 54 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -75,6 +75,7 @@ limitations under the License.
.mx_TagPanel .mx_TagTile {
// opacity: 0.5;
position: relative;
padding: 3px;
}
.mx_TagPanel .mx_TagTile:focus,
.mx_TagPanel .mx_TagTile:hover,
@ -82,6 +83,45 @@ limitations under the License.
// opacity: 1;
}
.mx_TagPanel .mx_TagTile.mx_TagTile_selected_prototype {
background-color: $primary-bg-color;
border-radius: 6px;
}
.mx_TagTile_selected_prototype {
.mx_TagTile_homeIcon::before {
background-color: $primary-fg-color; // dark-on-light
}
}
.mx_TagTile:not(.mx_TagTile_selected_prototype) .mx_TagTile_homeIcon {
background-color: $icon-button-color; // XXX: Variable abuse
border-radius: 48px;
&::before {
background-color: $primary-bg-color; // light-on-grey
}
}
.mx_TagTile_homeIcon {
width: 32px;
height: 32px;
position: relative;
&::before {
mask-image: url('$(res)/img/element-icons/home.svg');
mask-position: center;
mask-repeat: no-repeat;
width: 21px;
height: 21px;
content: '';
display: inline-block;
position: absolute;
top: calc(50% - 10.5px);
left: calc(50% - 10.5px);
}
}
.mx_TagPanel .mx_TagTile_plus {
margin-bottom: 12px;
height: 32px;
@ -116,10 +156,6 @@ limitations under the License.
border-radius: 0 3px 3px 0;
}
.mx_TagPanel .mx_TagTile.mx_TagTile_large.mx_TagTile_selected::before {
left: -10px;
}
.mx_TagPanel .mx_TagTile.mx_AccessibleButton:focus {
filter: none;
}