Jika/element-web
1
0
Fork 0
Code Issues Pull Requests Projects Wiki Activity

Add filter results count and explore prompt

Browse Source
This commit is contained in:
Michael Telatynski
2020-08-17 18:20:00 +01:00
parent a4d11cc190
commit e20b375433
6 changed files with 107 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
res/css/structures/_LeftPanel.scss
View File

@@ -136,6 +136,14 @@ $tagPanelWidth: 56px; // only applies in this file, used for calculations
}
}
.mx_LeftPanel_roomListFilterCount {
font-size: $font-13px;
font-weight: 500;
margin-left: 12px;
margin-top: 16px;
margin-bottom: -4px; // to counteract the normal roomListWrapper margin-top
}
.mx_LeftPanel_roomListWrapper {
overflow: hidden;
margin-top: 10px; // so we're not up against the search/filter

34
res/css/views/rooms/_RoomList.scss
View File

@@ -24,3 +24,37 @@ limitations under the License.
.mx_RoomList_iconExplore::before {
mask-image: url('$(res)/img/element-icons/roomlist/explore.svg');
}
.mx_RoomList_explorePrompt {
margin: 4px 12px 4px;
padding-top: 12px;
border-top: 1px solid #8D99A5;
font-size: $font-13px;
div:first-child {
font-weight: 500;
margin-bottom: 8px;
}
.mx_AccessibleButton {
color: $secondary-fg-color;
position: relative;
margin-left: 24px;
padding: 0;
font-size: inherit;
&::before {
content: '';
width: 16px;
height: 16px;
position: absolute;
top: 0;
left: -24px;
background: $secondary-fg-color;
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-image: url('$(res)/img/element-icons/roomlist/explore.svg');
}
}
}