Add more launcher online effects
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user