go/sliding-sync
go/sliding-sync
1
0
Fork 0
mirror of https://github.com/matrix-org/sliding-sync.git synced 2025-03-10 13:37:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix CSS for room list headings

Browse Source
This commit is contained in:
Kegan Dougal 2021-11-11 13:00:32 +00:00
parent c6de2270ed
commit 794e0eeaa3
2 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/index.js
View File

@ -672,11 +672,14 @@ window.addEventListener('load', (event) => {
activeLists.forEach((list) => {
const roomList = document.createElement("div");
roomList.className = "roomlist";
const roomListHeader = document.createElement("div");
roomListHeader.textContent = list.name;
roomListHeader.appendChild(roomList);
roomListHeader.className = "roomlistheader";
container.appendChild(roomListHeader);
const roomListName = document.createElement("div");
roomListName.className = "roomlistname";
roomListName.textContent = list.name;
const roomListWrapper = document.createElement("div");
roomListWrapper.className = "roomlistwrapper";
roomListWrapper.appendChild(roomListName);
roomListWrapper.appendChild(roomList);
container.appendChild(roomListWrapper);
});
const storedAccessToken = window.localStorage.getItem("accessToken");
if (storedAccessToken) {

15
client/styles.css
View File

@ -42,13 +42,22 @@ body {
.roomlist {
overflow: scroll;
background: #f7f7f7;
border: 1px solid #8d99a5;
}
.roomlistheader {
.roomlistwrapper {
overflow: scroll;
background: #f7f7f7;
border: 1px solid #8d99a5;
border-left: 1px solid #8d99a5;
border-right: 1px solid #8d99a5;
}
.roomlistname{
position: sticky;
top: 0;
background: #8d99a5;
text-align: center;
padding: 2px;
color: #fff;
}