RanchiMall/ranchimall
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI update

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/main.css
View File

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

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
css/main.scss
View File

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

4
js/index.js
View File

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