sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Replace breadcrumbs with recently viewed menu (#7073)

Browse Source
This commit is contained in:
Michael Telatynski
2021-12-01 10:50:06 +00:00
committed by GitHub
parent 757d473971
commit 4a6d46b76a
15 changed files with 992 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/structures/_LeftPanel.scss
+16 -6
View File
@@ -133,7 +133,8 @@ $roomListCollapsedWidth: 68px;
display: none;
}
& + .mx_LeftPanel_exploreButton {
& + .mx_LeftPanel_exploreButton,
& + .mx_LeftPanel_recentsButton {
// Cheaty way to return the occupied space to the filter input
flex-basis: 0;
margin: 0;
@@ -166,11 +167,12 @@ $roomListCollapsedWidth: 68px;
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
background: $secondary-content;
background-color: $secondary-content;
}
}
.mx_LeftPanel_exploreButton {
.mx_LeftPanel_exploreButton,
.mx_LeftPanel_recentsButton {
width: 32px;
height: 32px;
border-radius: 8px;
@@ -185,11 +187,10 @@ $roomListCollapsedWidth: 68px;
left: 8px;
width: 16px;
height: 16px;
mask-image: url('$(res)/img/element-icons/roomlist/explore.svg');
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
background: $secondary-content;
background-color: $secondary-content;
}
&:hover {
@@ -200,6 +201,14 @@ $roomListCollapsedWidth: 68px;
}
}
}
.mx_LeftPanel_exploreButton::before {
mask-image: url('$(res)/img/element-icons/roomlist/explore.svg');
}
.mx_LeftPanel_recentsButton::before {
mask-image: url('$(res)/img/element-icons/clock.svg');
}
}
.mx_LeftPanel_roomListFilterCount {
@@ -257,7 +266,8 @@ $roomListCollapsedWidth: 68px;
background-color: transparent;
}
.mx_LeftPanel_exploreButton {
.mx_LeftPanel_exploreButton,
.mx_LeftPanel_recentsButton {
margin-left: 0;
margin-top: 8px;
}