This commit is contained in:
ThatOneCalculator 2022-11-07 11:57:27 -08:00
parent 806b64ede9
commit 07389a9370
2 changed files with 27 additions and 7 deletions

View File

@ -1,6 +1,6 @@
{
"name": "calckey",
"version": "12.119.0-calc.9.14",
"version": "12.119.0-calc.9.15",
"codename": "aqua",
"repository": {
"type": "git",

View File

@ -134,20 +134,29 @@ const drawerMenuShowing = ref(false);
mainRouter.on('change', () => {
drawerMenuShowing.value = false;
const routerState = mainRouter.currentRoute.value.name;
if (routerState === 'index') {
});
function updateButtonState(): void {
let routerState = window.location.href;
let secondaryRouterState = mainRouter.currentRoute.value.name;
if (secondaryRouterState != null && secondaryRouterState === 'index') {
buttonAnimIndex.value = 0;
return;
}
else if (window.location.href.includes('notifications')) {
if (routerState.includes('notifications')) {
buttonAnimIndex.value = 1;
}
else if (window.location.href.includes('messaging')) {
else if (routerState.includes('messaging')) {
buttonAnimIndex.value = 2;
}
else {
buttonAnimIndex.value = 0;
buttonAnimIndex.value = 3;
}
});
}
updateButtonState();
watch($$(window.location.href), () => (updateButtonState()));
document.documentElement.style.overflowY = 'scroll';
@ -385,6 +394,17 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
transition: background 0.1s;
}
> .button-wrapper {
> .indicator {
position: absolute;
top: 0;
left: 0;
color: var(--indicator);
font-size: 16px;
animation: blink 1s infinite;
}
}
> .button-wrapper.on {
background-color: var(--accentedBg);
width: 100%;