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

Merge pull request #14 from ranchimall/ui-work

Browse Source 
minor UI/UX improvements
This commit is contained in:
sairaj mote 2022-04-23 17:00:59 +05:30 committed by GitHub
commit 4de01cd940
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 10 additions and 3587 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3582
components.js
View File

File diff suppressed because it is too large Load Diff

2
index.html
View File

@ -824,7 +824,7 @@
</sm-form> </sm-form>
</section> </section>
</section> </section>
<nav id="main_navbar"> <nav id="main_navbar" class="hide">
<ul> <ul>
<li> <li>
<a href="#/home" class="nav-item interact"> <a href="#/home" class="nav-item interact">

10
scripts/components.js
View File

@ -742,6 +742,7 @@ smNotifications.innerHTML = `
max-width: 100%; max-width: 100%;
padding: 1rem; padding: 1rem;
align-items: center; align-items: center;
box-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,0.14);
touch-action: none; touch-action: none;
} }
.icon-container:not(:empty){ .icon-container:not(:empty){
@ -809,13 +810,18 @@ smNotifications.innerHTML = `
padding: 0.5rem 0.8rem; padding: 0.5rem 0.8rem;
border-radius: 0.2rem; border-radius: 0.2rem;
border: none; border: none;
background-color: rgba(var(--text-color, (17,17,17)), 0.06); background-color: rgba(var(--text-color, (17,17,17)), 0.03);
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
color: rgba(var(--text-color, (17,17,17)), 0.9); color: var(--accent-color, teal);
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
} }
@media screen and (max-width: 640px){
.notification-panel:not(:empty){
padding-bottom: 3rem;
}
}
@media screen and (min-width: 640px){ @media screen and (min-width: 640px){
.notification-panel{ .notification-panel{
max-width: 28rem; max-width: 28rem;

1
scripts/fn_ui.js
View File

@ -222,6 +222,7 @@ userUI.renderMoneyRequests = function (requests, error = null) {
for (let r in requests) { for (let r in requests) {
if (!requests[r].note) { if (!requests[r].note) {
notify(`You have received payment request from ${getFloIdTitle(requests[r].senderID)}`, '', { notify(`You have received payment request from ${getFloIdTitle(requests[r].senderID)}`, '', {
pinned: true,
action: { action: {
label: 'View', label: 'View',
callback: () => { callback: () => {

2
scripts/std_ui.js
View File

@ -511,7 +511,6 @@ async function showPage(targetPage, options = {}) {
}, },
], { ...animOptions, easing: 'ease-in' }) ], { ...animOptions, easing: 'ease-in' })
} }
getRef('main_header').classList.remove('hide')
const previousActiveElementIndex = [...getRef('main_navbar').querySelectorAll('.nav-item')].indexOf(previousActiveElement) const previousActiveElementIndex = [...getRef('main_navbar').querySelectorAll('.nav-item')].indexOf(previousActiveElement)
const currentActiveElementIndex = [...getRef('main_navbar').querySelectorAll('.nav-item')].indexOf(currentActiveElement) const currentActiveElementIndex = [...getRef('main_navbar').querySelectorAll('.nav-item')].indexOf(currentActiveElement)
const isOnTop = previousActiveElementIndex < currentActiveElementIndex const isOnTop = previousActiveElementIndex < currentActiveElementIndex
@ -573,7 +572,6 @@ async function showPage(targetPage, options = {}) {
}).onfinish = () => { }).onfinish = () => {
getRef('main_navbar').classList.add('hide') getRef('main_navbar').classList.add('hide')
} }
// getRef('main_header').classList.add('hide')
} }
} }
document.querySelectorAll('.page').forEach(page => page.classList.add('hide')) document.querySelectorAll('.page').forEach(page => page.classList.add('hide'))