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

Restore highlighted right panel marker

pull/21833/head
J. Ryan Stinnett 2019-02-13 11:31:30 +00:00
parent 1359ac62cb
commit 59b58cbbac
1 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
res/css/structures/_RightPanel.scss
View File

@ -49,33 +49,49 @@ limitations under the License.
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
height: 20px; height: 20px;
width: 20px; width: 20px;
position: relative;
}
.mx_RightPanel_headerButton::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: $rightpanel-button-color; background-color: $rightpanel-button-color;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: contain; mask-size: contain;
} }
.mx_RightPanel_membersButton { .mx_RightPanel_membersButton::before {
mask-image: url('$(res)/img/feather-icons/user.svg'); mask-image: url('$(res)/img/feather-icons/user.svg');
} }
.mx_RightPanel_filesButton { .mx_RightPanel_filesButton::before {
mask-image: url('$(res)/img/feather-icons/files.svg'); mask-image: url('$(res)/img/feather-icons/files.svg');
} }
.mx_RightPanel_notifsButton { .mx_RightPanel_notifsButton::before {
mask-image: url('$(res)/img/feather-icons/notifications.svg'); mask-image: url('$(res)/img/feather-icons/notifications.svg');
} }
.mx_RightPanel_groupMembersButton { .mx_RightPanel_groupMembersButton::before {
mask-image: url('$(res)/img/icons-people.svg'); mask-image: url('$(res)/img/icons-people.svg');
} }
.mx_RightPanel_roomsButton { .mx_RightPanel_roomsButton::before {
mask-image: url('$(res)/img/icons-room-nobg.svg'); mask-image: url('$(res)/img/icons-room-nobg.svg');
} }
.mx_RightPanel_headerButton_highlight { .mx_RightPanel_headerButton_highlight::after {
border-color: $button-bg-color; content: '';
position: absolute;
bottom: -6px;
left: 0;
right: 0;
height: 2px;
background-color: $button-bg-color;
} }
.mx_RightPanel_headerButton_badge { .mx_RightPanel_headerButton_badge {