imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add explore button next to filter field

Browse source
This commit is contained in:
Bruno Windels 2019-09-10 10:53:55 +02:00 • committed by David Baker
parent 9e2cdecb9b
commit 4ffa8c7b4a
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;
}
}
}

21
res/css/structures/_SearchBox.scss
View file

@ -14,12 +14,17 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_SearchBox_closeButton {
cursor: pointer;
background-image: url('$(res)/img/icons-close.svg');
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-position: center;
padding: 9px;
.mx_SearchBox {
flex: 1 1 0;
min-width: 0;
.mx_SearchBox_closeButton {
cursor: pointer;
background-image: url('$(res)/img/icons-close.svg');
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-position: center;
padding: 9px;
}
}

4
res/css/views/rooms/_RoomList.scss
View file

@ -27,10 +27,6 @@ limitations under the License.
position: relative;
}
.mx_SearchBox {
flex: none;
}
/* hide resize handles next to collapsed / empty sublists */
.mx_RoomList .mx_RoomSubList:not(.mx_RoomSubList_nonEmpty) + .mx_ResizeHandle {
display: none;