diff --git a/src/scss/app.scss b/src/scss/app.scss index b5328c4..7cfe24a 100644 --- a/src/scss/app.scss +++ b/src/scss/app.scss @@ -214,25 +214,23 @@ div.alert *:last-child { #blog-loading-spinner { margin: 20px; + height: auto; + opacity: 1; &.removed { - animation: spinner-removed 2s ease-in-out; + margin: 0; + height: 0; + opacity: 0; + transition: all 0.5s ease-in-out; } } -@keyframes spinner-removed { - 0% { - transform: scaleY(1); - opacity: 1; +a.bmc-btn { + &:link, &:visited, &:active { + color: #000; } - 50% { - transform: scaleY(1); - opacity: 0; - } - - 100% { - transform: scaleY(0); - opacity: 0; + &:hover { + color: #fff; } } \ No newline at end of file diff --git a/src/ts/app.ts b/src/ts/app.ts index e2325ee..4d3cee9 100644 --- a/src/ts/app.ts +++ b/src/ts/app.ts @@ -15,7 +15,7 @@ declare const Prism: any; greedy: true } }); - + let isCtrl = false; document.addEventListener('keyup', (e) => { if (e.ctrlKey) isCtrl = false; @@ -54,7 +54,7 @@ declare const Prism: any; const spinner = document.querySelector("#blog-loading-spinner"); if (spinner) { spinner.classList.add("removed"); - setTimeout(() => spinner.remove(), 1100); + setTimeout(() => spinner.remove(), 1000); } }); }