Bug fixes

This commit is contained in:
sairaj mote 2022-03-24 17:16:01 +05:30
parent e1e9ddf4ed
commit 8d2fd00341
4 changed files with 19 additions and 20 deletions

View File

@ -122,6 +122,7 @@ button,
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.05em;
padding: 0.8rem;
}
.icon-only {

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -119,6 +119,7 @@ button,
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.05em;
padding: 0.8rem;
}
.icon-only {
padding: 0.5rem;

View File

@ -10,9 +10,6 @@
<link rel="stylesheet" href="css/main.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- <link
href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400..900;1,400..900&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"> -->
<link
href="https://fonts.googleapis.com/css2?family=Calistoga&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
rel="stylesheet">
@ -554,7 +551,7 @@
<h5>My FLO ID</h5>
<sm-copy id="user_flo_id" clip-text></sm-copy>
</div>
<sm-button class="danger cta justify-self-start" onclick="signOut()">Sign out</sm-button>
<button class="danger cta justify-self-start" onclick="signOut()">Sign out</button>
</div>
<a href="#/dashboard" class="button hide admin-option" onclick="hidePopup()">Admin dashboard</a>
</section>
@ -1027,7 +1024,7 @@
}
document.querySelectorAll('.page').forEach(page => page.classList.add('hide'))
getRef(targetPage).classList.remove('hide')
animateTo(getRef(targetPage), [{ opacity: 0 }, { opacity: 1 }], { duration: 300, fill: 'forwards', easing: 'ease' })
getRef(targetPage).animate([{ opacity: 0 }, { opacity: 1 }], { duration: 300, fill: 'forwards', easing: 'ease' })
if (pagesData.lastPage !== pageId) {
pagesData.lastPage = pageId
if (!pagesData.openedPages.includes(pageId)) {
@ -1509,14 +1506,14 @@
if (!isSearchOn) {
getRef('expanding_search').classList.remove('hide')
getRef('search_articles').focusIn()
animateTo(getRef('expanding_search').children[0].children[0], [
getRef('expanding_search').children[0].children[0].animate([
{ opacity: 0 },
{ opacity: 1 },
], {
...animOptions,
duration: 150
})
animateTo(getRef('search_articles').parentNode, [
getRef('search_articles').parentNode.animate([
{
transform: 'translateX(-2.8rem)',
opacity: 1
@ -1531,14 +1528,14 @@
})
isSearchOn = true
} else {
animateTo(getRef('expanding_search').children[0].children[0], [
getRef('expanding_search').children[0].children[0].animate([
{ opacity: 1 },
{ opacity: 0 },
], {
...animOptions,
duration: 100
})
animateTo(getRef('search_articles').parentNode, [
getRef('search_articles').parentNode.animate([
{
transform: 'none',
opacity: 1
@ -1770,7 +1767,7 @@
entries.forEach(entry => {
if (entry.isIntersecting) {
if (getRef('go_to_top').classList.contains('hide')) return
animateTo(getRef('go_to_top'), [
getRef('go_to_top').animate([
{
transform: 'none',
opacity: 1
@ -1784,7 +1781,7 @@
}
} else {
getRef('go_to_top').classList.remove('hide')
animateTo(getRef('go_to_top'), [
getRef('go_to_top').animate([
{
transform: 'translateY(1rem)',
opacity: 0
@ -1843,10 +1840,10 @@
const { floID, privKey } = floCrypto.generateNewID()
getRef('generated_flo_id').value = floID
getRef('generated_private_key').value = privKey
animateTo(getRef('sign_in'), slideOutLeft, animOptions).onfinish = () => {
getRef('sign_in').animate(slideOutLeft, animOptions).onfinish = () => {
getRef('sign_in').classList.add('hide')
getRef('sign_up').classList.remove('hide')
animateTo(getRef('sign_up'), slideInLeft, animOptions)
getRef('sign_up').animate(slideInLeft, animOptions)
}
}
function goToSignIn() {
@ -1855,9 +1852,9 @@
duration: 150,
ease: 'easing',
}
animateTo(getRef('sign_up'), slideOutRight, animOptions).onfinish = () => {
getRef('sign_up').animate(slideOutRight, animOptions).onfinish = () => {
getRef('sign_in').classList.remove('hide')
animateTo(getRef('sign_in'), slideInRight, animOptions)
getRef('sign_in').animate(slideInRight, animOptions)
getRef('sign_up').classList.add('hide')
}
}
@ -1945,7 +1942,7 @@
duration: 150,
ease: 'easing',
}
animateTo(getRef('set_article_meta'), slideOutUp, animOptions)
getRef('set_article_meta').animate(slideOutUp, animOptions)
.onfinish = () => {
getRef('set_article_meta').disabled = true
getRef('set_article_meta').classList.add('hide')
@ -1954,7 +1951,7 @@
innerHTML: `<sm-spinner></sm-spinner> ${loadingText}`
})
getRef('set_article_meta').after(loader)
animateTo(loader, slideInUp, animOptions)
loader.animate(slideInUp, animOptions)
}
}
function hideLoader(loadingText) {
@ -1963,13 +1960,13 @@
duration: 150,
ease: 'easing',
}
animateTo(getRef('set_article_meta').nextElementSibling, slideOutUp, animOptions)
getRef('set_article_meta').nextElementSibling.animate(slideOutUp, animOptions)
.onfinish = () => {
getRef('set_article_meta').disabled = false
getRef('set_article_meta').textContent = loadingText
getRef('set_article_meta').nextElementSibling.remove()
getRef('set_article_meta').classList.remove('hide')
animateTo(getRef('set_article_meta'), slideInUp, animOptions)
getRef('set_article_meta').animate(slideInUp, animOptions)
}
}
function publishArticle(vc) {