matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-07-31 13:44:28 +03:00
Code 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

1
res/css/structures/_ContextualMenu.scss
View File

@ -37,6 +37,7 @@ limitations under the License.
position: absolute;
font-size: $font-14px;
z-index: 5001;
width: max-content;
}
.mx_ContextualMenu_right {

22
res/css/structures/_LeftPanel.scss
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;
}