forked from FoundKeyGang/FoundKey
snug: remove blinking dot animation
This commit is contained in:
parent
5b046381e7
commit
680afafe01
8 changed files with 6 additions and 14 deletions
|
@ -154,7 +154,6 @@ function help(ev: MouseEvent) {
|
||||||
left: 32px;
|
left: 32px;
|
||||||
color: var(--indicator);
|
color: var(--indicator);
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
animation: blink 1s infinite;
|
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
top: 16px;
|
top: 16px;
|
||||||
|
|
|
@ -243,7 +243,6 @@ function focusDown() {
|
||||||
left: 13px;
|
left: 13px;
|
||||||
color: var(--indicator);
|
color: var(--indicator);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
animation: blink 1s infinite;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -423,10 +423,4 @@ hr {
|
||||||
.zoom-enter-from, .zoom-leave-to {
|
.zoom-enter-from, .zoom-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(0.9);
|
transform: scale(0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes blink {
|
|
||||||
0% { opacity: 1; transform: scale(1); }
|
|
||||||
30% { opacity: 1; transform: scale(1); }
|
|
||||||
90% { opacity: 0; transform: scale(0.5); }
|
|
||||||
}
|
|
|
@ -110,7 +110,7 @@ function more(): void {
|
||||||
left: 20px;
|
left: 20px;
|
||||||
color: var(--navIndicator);
|
color: var(--navIndicator);
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
animation: blink 1s infinite;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
> .text {
|
> .text {
|
||||||
|
|
|
@ -135,7 +135,7 @@ function openAccountMenuWrapper(ev: MouseEvent): void {
|
||||||
left: 0;
|
left: 0;
|
||||||
color: var(--navIndicator);
|
color: var(--navIndicator);
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
animation: blink 1s infinite;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -220,7 +220,7 @@ function openAccountMenuWrapper(ev: MouseEvent): void {
|
||||||
left: 0;
|
left: 0;
|
||||||
color: var(--navIndicator);
|
color: var(--navIndicator);
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
animation: blink 1s infinite;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -251,7 +251,7 @@ function moveFocus(id: string, direction: 'up' | 'down' | 'left' | 'right') {
|
||||||
left: 0;
|
left: 0;
|
||||||
color: var(--indicator);
|
color: var(--indicator);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
animation: blink 1s infinite;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
|
|
|
@ -350,7 +350,7 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
|
||||||
left: 0;
|
left: 0;
|
||||||
color: var(--indicator);
|
color: var(--indicator);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
animation: blink 1s infinite;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
|
|
Loading…
Reference in a new issue