Martas/Reservair
1
0
Fork 0
Code Issues 15 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

#26 - Loading animation + success message fix

Browse Source
This commit was merged in pull request #31.
This commit is contained in:
Martin Slachta
2026-06-22 11:20:28 +02:00
parent c754e18a82
commit 97ee8fc991
32 changed files with 597 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/components/RsvTimeSlotsStyles.css
+35
View File
@@ -156,4 +156,39 @@ label.rsv-slots-slot-time>input:checked + .content>.capacity {
color: #fff;
}
/* Skeleton loading */
@keyframes rsv-shimmer {
0% { background-position: -400px 0; }
100% { background-position: 400px 0; }
}
.rsv-slots-skeleton {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 800px 100%;
animation: rsv-shimmer 1.4s infinite linear;
border-color: transparent !important;
color: transparent !important;
pointer-events: none;
}
.rsv-slots-skeleton-label {
width: 120px;
height: 14px;
border-radius: 4px;
}
.rsv-slots-skeleton-text {
width: 90px;
height: 13px;
border-radius: 4px;
display: inline-block;
}
.rsv-slots-skeleton-badge {
width: 46px;
height: 18px;
border-radius: 6px;
display: inline-block;
}
/* TIMELINE END */