UI update

Fixed issue with swipe not changing address bar entry
This commit is contained in:
sairaj mote 2021-06-06 00:38:34 +05:30
parent d3cf348c2e
commit 4bac6388b6
4 changed files with 8 additions and 5 deletions

View File

@ -1139,7 +1139,7 @@ scroll-tab-panels > [active] {
display: flex;
width: 100%;
height: 100%;
padding: 1rem;
padding: 1.5rem;
align-self: flex-end;
flex-direction: column;
justify-content: flex-end;
@ -1328,6 +1328,7 @@ scroll-tab-panels > [active] {
}
.room-tile .tile-content {
top: 0;
padding: 1rem;
position: absolute;
align-items: center;
}

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -1024,7 +1024,7 @@ scroll-tab-panels{
display: flex;
width: 100%;
height: 100%;
padding: 1rem;
padding: 1.5rem;
align-self: flex-end;
flex-direction: column;
justify-content: flex-end;
@ -1078,6 +1078,7 @@ scroll-tab-panels{
margin-bottom: 2rem;
font-weight: calc(700 * var(--font-weight-factor));
}
.room-container__footer{
position: sticky;
display: flex;
@ -1197,6 +1198,7 @@ scroll-tab-panels{
}
.tile-content{
top: 0;
padding: 1rem;
position: absolute;
align-items: center;
}

View File

@ -987,10 +987,10 @@ if (roomContainer) {
const hammertime = new Hammer(roomContainer);
hammertime.on('swipe', (e) => {
if (e.direction === 2 && getRef(currentRoomId).nextElementSibling) {
showRoom(`#${getRef(currentRoomId).nextElementSibling.id}`)
roomContainer.querySelector(`[href="#${getRef(currentRoomId).nextElementSibling.id}"]`).click()
}
else if (e.direction === 4 && getRef(currentRoomId).previousElementSibling) {
showRoom(`#${getRef(currentRoomId).previousElementSibling.id}`)
roomContainer.querySelector(`[href="#${getRef(currentRoomId).previousElementSibling.id}"]`).click()
}
})
}