Add more launcher online effects

This commit is contained in:
rajchales-monito
2026-07-30 17:20:54 +02:00
parent 84d8a21d38
commit 332e6d20f4
5 changed files with 50 additions and 3 deletions
+17
View File
@@ -283,6 +283,9 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
.launcher-preview.notify-wiggle .launcher-preview-icon {
animation: launcherPreviewWiggle .62s ease-in-out infinite;
}
.launcher-preview.effect-sway .launcher-preview-icon {
animation: launcherPreviewSway 4.8s ease-in-out infinite;
}
.launcher-preview-status {
position: absolute;
top: -3px;
@@ -293,6 +296,10 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
border-radius: 50%;
background: #c9d4ce;
box-shadow: 0 0 0 4px rgb(201 212 206 / 24%);
display: none;
}
.launcher-preview.show-status .launcher-preview-status {
display: block;
}
.launcher-preview.online .launcher-preview-status {
background: #2f9e44;
@@ -338,6 +345,10 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
opacity: 1;
transform: translateY(-50%) translateX(0);
}
.launcher-preview.label-always .launcher-preview-label {
opacity: 1;
transform: translateY(-50%) translateX(0);
}
.launcher-preview-icon,
.launcher-preview-icon::before,
.launcher-preview-icon::after {
@@ -470,6 +481,12 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
48% { transform: translateY(2px) rotate(3deg); }
72% { transform: translateY(-1px) rotate(-2deg); }
}
@keyframes launcherPreviewSway {
0%, 72%, 100% { transform: translateX(0) rotate(0deg); }
78% { transform: translateX(-2px) rotate(-4deg); }
84% { transform: translateX(2px) rotate(4deg); }
90% { transform: translateX(-1px) rotate(-2deg); }
}
.widget-language-settings {
grid-template-columns: 112px minmax(230px, 1fr);
}