mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2025-12-09 11:21:33 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #2359 from matrix-org/bwindels/higherdensityroomlist

Browse Source 
Redesign: make room tiles less high so more rooms fit on the screen
This commit is contained in:
Bruno Windels 2018-12-17 14:09:45 +00:00 committed by GitHub
commit e26fd6c27a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/views/rooms/_RoomTile.scss
View File

@ -19,7 +19,7 @@ limitations under the License.
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
height: 40px; height: 34px;
margin: 0; margin: 0;
padding: 0 8px 0 10px; padding: 0 8px 0 10px;
position: relative; position: relative;
@ -51,8 +51,6 @@ limitations under the License.
.mx_RoomTile_avatar { .mx_RoomTile_avatar {
flex: 0; flex: 0;
padding: 4px; padding: 4px;
width: 32px;
height: 32px;
} }
.mx_RoomTile_avatar_container { .mx_RoomTile_avatar_container {

2
src/components/views/rooms/RoomTile.js
View File

@ -333,7 +333,7 @@ module.exports = React.createClass({
> >
<div className={avatarClasses}> <div className={avatarClasses}>
<div className="mx_RoomTile_avatar_container"> <div className="mx_RoomTile_avatar_container">
<RoomAvatar room={this.props.room} width={32} height={32} /> <RoomAvatar room={this.props.room} width={24} height={24} />
{ dmIndicator } { dmIndicator }
</div> </div>
</div> </div>