Bug fixes
This commit is contained in:
parent
e1e9ddf4ed
commit
8d2fd00341
@ -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
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -119,6 +119,7 @@ button,
|
||||
font-size: 0.8rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.05em;
|
||||
padding: 0.8rem;
|
||||
}
|
||||
.icon-only {
|
||||
padding: 0.5rem;
|
||||
|
||||
35
index.html
35
index.html
@ -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) {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user