sigit/sigit_design
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added hour glass icon with animation loop for the next person to sign (in dashboard and in in-progress)

Browse Source
This commit is contained in:
stitch 2024-08-12 12:54:00 +03:00
parent 6ed45a8c1c
commit 53d5d45738
3 changed files with 25 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/css/dashboard.css
View File

@ -345,3 +345,16 @@
left: 0;
}
@keyframes statusWaitingSig {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatusWaiting {
animation: statusWaitingSig 5s linear infinite;
}

7
dashboard-progress.html
View File

@ -363,7 +363,12 @@
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a></div>
</a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor" class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatusWaiting">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M352 0C369.7 0 384 14.33 384 32C384 49.67 369.7 64 352 64V74.98C352 117.4 335.1 158.1 305.1 188.1L237.3 256L305.1 323.9C335.1 353.9 352 394.6 352 437V448C369.7 448 384 462.3 384 480C384 497.7 369.7 512 352 512H32C14.33 512 0 497.7 0 480C0 462.3 14.33 448 32 448V437C32 394.6 48.86 353.9 78.86 323.9L146.7 256L78.86 188.1C48.86 158.1 32 117.4 32 74.98V64C14.33 64 0 49.67 0 32C0 14.33 14.33 0 32 0H352zM124.1 142.9L192 210.7L259.9 142.9C277.9 124.9 288 100.4 288 74.98V64H96V74.98C96 100.4 106.1 124.9 124.1 142.9z"></path>
</svg></div>
</a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a></div>
</div>
</div>
<div class="filesPageSecSidesSecInfoSec">

7
dashboard.html
View File

@ -162,7 +162,12 @@
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</a><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a>
</a><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor" class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatusWaiting">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M352 0C369.7 0 384 14.33 384 32C384 49.67 369.7 64 352 64V74.98C352 117.4 335.1 158.1 305.1 188.1L237.3 256L305.1 323.9C335.1 353.9 352 394.6 352 437V448C369.7 448 384 462.3 384 480C384 497.7 369.7 512 352 512H32C14.33 512 0 497.7 0 480C0 462.3 14.33 448 32 448V437C32 394.6 48.86 353.9 78.86 323.9L146.7 256L78.86 188.1C48.86 158.1 32 117.4 32 74.98V64C14.33 64 0 49.67 0 32C0 14.33 14.33 0 32 0H352zM124.1 142.9L192 210.7L259.9 142.9C277.9 124.9 288 100.4 288 74.98V64H96V74.98C96 100.4 106.1 124.9 124.1 142.9z"></path>
</svg></div>
</a><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserNumber">
<p>20</p>
</div>