starred/sky_phone
1
0
Fork 0
mirror of https://github.com/sky-systems/sky_phone.git synced 2026-09-04 09:13:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

ADD - support home screen app folders

Browse Source
This commit is contained in:
smx.pusha
2026-08-13 13:15:25 +02:00
parent 90909e41f2
commit bc4b439eb6
15 changed files with 1976 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/assets/main.css
+55 -4
View File
@@ -2263,13 +2263,36 @@ button {
display: flex;
touch-action: pan-y;
transform: translateX(calc(var(--springboard-offset) + var(--drag-offset)));
transition: transform var(--springboard-page-duration)
var(--springboard-page-easing);
transition:
transform var(--springboard-page-duration) var(--springboard-page-easing),
filter 0.22s ease;
will-change: transform;
}
.springboard--dragging .springboard-track {
transition: none;
}
.springboard--folder-open .springboard-track,
.springboard--folder-open .app-dock,
.springboard--folder-open .page-indicator,
.springboard--folder-open .springboard-edit-add,
.springboard--folder-open .springboard-edit-done {
filter: blur(6px) brightness(0.72) saturate(0.88);
pointer-events: none;
}
.home-folder-enter-active,
.home-folder-leave-active {
transition:
opacity 0.2s ease,
transform 0.24s cubic-bezier(0.22, 0.75, 0.18, 1);
transform-origin: 50% 42%;
}
.home-folder-enter-from,
.home-folder-leave-to {
opacity: 0;
transform: scale(0.9);
}
.springboard-page {
position: relative;
flex: none;
@@ -6558,7 +6581,7 @@ button {
display: none;
}
.app-grid {
grid-template-rows: repeat(5, var(--springboard-grid-row));
grid-template-rows: repeat(6, var(--springboard-grid-row));
gap: var(--springboard-grid-row-gap) var(--springboard-grid-column-gap);
}
.app-grid-slot {
@@ -6600,8 +6623,36 @@ button {
}
.app-reflow-move {
z-index: 1;
transition: transform 0.58s cubic-bezier(0.2, 0.82, 0.2, 1);
transition: transform 0.34s cubic-bezier(0.22, 0.75, 0.18, 1);
will-change: transform;
backface-visibility: hidden;
}
.app-icon-item--drop-settling {
z-index: 2;
animation: home-app-drop-settle 0.26s cubic-bezier(0.22, 0.75, 0.18, 1);
will-change: transform;
backface-visibility: hidden;
}
.home-item--folder-hover:not(.app-icon-item--dragging) {
z-index: 3;
animation: home-folder-hover 0.58s ease-in-out infinite alternate;
}
@keyframes home-folder-hover {
to {
transform: scale(1.1);
}
}
@keyframes home-app-drop-settle {
from {
transform: translate3d(
var(--home-app-drop-x, 0),
var(--home-app-drop-y, 0),
0
);
}
to {
transform: translate3d(0, 0, 0);
}
}
.springboard-page-add {