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

Allow theming right panel header buttons

Browse source
This commit is contained in:
J. Ryan Stinnett 2019-02-12 17:31:47 +00:00
parent 8652a094f3
commit 3cba5edd6f
6 changed files with 42 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

33
res/css/structures/_RightPanel.scss
View file

@ -25,9 +25,7 @@ limitations under the License.
.mx_RightPanel_header {
order: 1;
border-bottom: 1px solid $primary-hairline-color;
flex: 0 0 52px;
}
@ -45,16 +43,35 @@ limitations under the License.
cursor: pointer;
flex: 0 0 auto;
vertical-align: top;
margin-top: 4px;
padding-left: 5px;
padding-right: 5px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
position: relative;
border-bottom: 2px solid transparent;
height: 20px;
width: 20px;
background-color: $rightpanel-button-color;
mask-repeat: no-repeat;
mask-size: contain;
}
.mx_RightPanel_headerButton object {
pointer-events: none;
.mx_RightPanel_membersButton {
mask-image: url('$(res)/img/feather-icons/user.svg');
}
.mx_RightPanel_filesButton {
mask-image: url('$(res)/img/feather-icons/files.svg');
}
.mx_RightPanel_notifsButton {
mask-image: url('$(res)/img/feather-icons/notifications.svg');
}
.mx_RightPanel_groupMembersButton {
mask-image: url('$(res)/img/icons-people.svg');
}
.mx_RightPanel_roomsButton {
mask-image: url('$(res)/img/icons-room-nobg.svg');
}
.mx_RightPanel_headerButton_highlight {