OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

make rooms come in from left rather than the right

pull/21833/head
Bruno Windels 2019-02-12 11:26:46 +01:00
parent aaea40a93d
commit 5efd92f3ec
2 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
res/css/views/rooms/_RoomBreadcrumbs.scss
View File

@ -21,17 +21,12 @@ limitations under the License.
margin: 8px;
margin-bottom: 0;
> div {
display: flex;
flex-direction: row;
position: absolute;
right: 0;
top: 0;
height: 32px;
overflow-x: hidden;
display: flex;
flex-direction: row;
> * {
margin-right: 4px;
}
> * {
margin-right: 4px;
}
&::after {
@ -39,9 +34,9 @@ limitations under the License.
position: absolute;
width: 15px;
top: 0;
left: 0;
right: 0;
height: 100%;
background: linear-gradient(to left, rgba(242,245,248,0), rgba(242,245,248,1));
background: linear-gradient(to right, rgba(242,245,248,0), rgba(242,245,248,1));
}
}

6
src/components/views/rooms/RoomBreadcrumbs.js
View File

@ -60,9 +60,9 @@ export default class RoomBreadcrumbs extends React.Component {
if (existingIdx !== -1) {
rooms.splice(existingIdx, 1);
}
rooms.push(room);
rooms.splice(0, 0, room);
if (rooms.length > MAX_ROOMS) {
rooms.splice(0, rooms.length - MAX_ROOMS);
rooms.splice(MAX_ROOMS, rooms.length - MAX_ROOMS);
}
this.setState({rooms});
}
@ -79,6 +79,6 @@ export default class RoomBreadcrumbs extends React.Component {
</AccessibleButton>
);
});
return (<div className="mx_RoomBreadcrumbs"><div>{ avatars }</div></div>);
return (<div className="mx_RoomBreadcrumbs">{ avatars }</div>);
}
}