matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-07-30 02:21:17 +03:00
Code Activity

add explore button next to filter field

Browse Source
This commit is contained in:
Bruno Windels
2019-09-10 10:53:55 +02:00
parent a03b224ff7
commit 80dd5a1b0a
6 changed files with 166 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -125,3 +125,44 @@ limitations under the License.
margin-top: 12px;
}
}
.mx_LeftPanel_exploreAndFilterRow {
display: flex;
.mx_SearchBox {
flex: 1 1 0;
min-width: 0;
}
}
.mx_LeftPanel_explore {
flex: 0 0 40%;
overflow: hidden;
box-sizing: border-box;
.mx_AccessibleButton {
font-size: 14px;
margin: 9px;
margin-right: 0;
padding: 9px;
padding-left: 42px;
font-weight: 600;
color: $notice-secondary-color;
position: relative;
border-radius: 4px;
&::before {
cursor: pointer;
mask: url('$(res)/img/explore.svg');
mask-repeat: no-repeat;
mask-position: center center;
content: "";
left: 14px;
top: 10px;
width: 16px;
height: 16px;
background-color: $notice-secondary-color;
position: absolute;
}
}
}