starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-03-27 03:41:21 +01:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: add actions

Browse Source
This commit is contained in:
Herculino Trotta
2024-10-14 21:01:11 -03:00
parent 8a61946c16
commit aecbcb3430
11 changed files with 196 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/styles/_animations.scss
View File

@@ -48,6 +48,49 @@
animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
/* ----------------------------------------------
* Generated by Animista on 2024-10-14 20:30:58
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-in-left
* ----------------------------------------
*/
@-webkit-keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.slide-in-left {
-webkit-animation: slide-in-left 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-left 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
//HTMX Loading
@keyframes spin {
0% { transform: rotate(0deg); }
@@ -66,13 +109,13 @@
right: 0;
bottom: 0;
backdrop-filter: blur(4px);
z-index: 1;
z-index: 1000;
}
&::after {
content: '';
position: absolute;
top: 50%;
top: 10%;
left: 50%;
width: 40px;
height: 40px;
@@ -82,6 +125,6 @@
border-top: 4px solid $primary;
border-radius: 50%;
animation: spin 1s linear infinite;
z-index: 2;
z-index: 1001;
}
}

7
frontend/src/styles/style.scss
View File

@@ -31,7 +31,7 @@ select[multiple] {
position: relative;
}
.hierarchy-line-icon-4 {
.hierarchy-line-icon {
width: 8px;
height: 10px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPjxwYXRoIHN0cm9rZT0iIzlCOUI5QiIgc3Ryb2tlLWRhc2hhcnJheT0iNCIgZD0iTS41IDQuNWgxMiIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTS41IDQuNXYtNCIvPjwvZz48L3N2Zz4=);
@@ -44,3 +44,8 @@ select[multiple] {
margin-top: 4px;
padding: 0 8px !important;
}
.transaction:has(input[type="checkbox"]:checked) > .transaction-item {
background-color: $primary-bg-subtle-dark; /* Change this to your desired background color */
}