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

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

@ -21,27 +21,22 @@ limitations under the License.
margin: 8px; margin: 8px;
margin-bottom: 0; margin-bottom: 0;
> div { overflow-x: hidden;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
position: absolute;
right: 0;
top: 0;
height: 32px;
> * { > * {
margin-right: 4px; margin-right: 4px;
} }
}
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
width: 15px; width: 15px;
top: 0; top: 0;
left: 0; right: 0;
height: 100%; 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) { if (existingIdx !== -1) {
rooms.splice(existingIdx, 1); rooms.splice(existingIdx, 1);
} }
rooms.push(room); rooms.splice(0, 0, room);
if (rooms.length > MAX_ROOMS) { if (rooms.length > MAX_ROOMS) {
rooms.splice(0, rooms.length - MAX_ROOMS); rooms.splice(MAX_ROOMS, rooms.length - MAX_ROOMS);
} }
this.setState({rooms}); this.setState({rooms});
} }
@ -79,6 +79,6 @@ export default class RoomBreadcrumbs extends React.Component {
</AccessibleButton> </AccessibleButton>
); );
}); });
return (<div className="mx_RoomBreadcrumbs"><div>{ avatars }</div></div>); return (<div className="mx_RoomBreadcrumbs">{ avatars }</div>);
} }
} }