aboutsummaryrefslogtreecommitdiff
path: root/src/site/assets
diff options
context:
space:
mode:
Diffstat (limited to 'src/site/assets')
-rw-r--r--src/site/assets/styles/dropzone.scss150
-rw-r--r--src/site/assets/styles/style.scss5
2 files changed, 2 insertions, 153 deletions
diff --git a/src/site/assets/styles/dropzone.scss b/src/site/assets/styles/dropzone.scss
index 91e0fc1..e3f9539 100644
--- a/src/site/assets/styles/dropzone.scss
+++ b/src/site/assets/styles/dropzone.scss
@@ -6,204 +6,108 @@
@-webkit-keyframes passing-through {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
- -webkit-transform: translateY(-40px);
- -moz-transform: translateY(-40px);
- -ms-transform: translateY(-40px);
- -o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-moz-keyframes passing-through {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
- -webkit-transform: translateY(-40px);
- -moz-transform: translateY(-40px);
- -ms-transform: translateY(-40px);
- -o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@keyframes passing-through {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
- -webkit-transform: translateY(-40px);
- -moz-transform: translateY(-40px);
- -ms-transform: translateY(-40px);
- -o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slide-in {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes pulse {
0% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
10% {
- -webkit-transform: scale(1.1);
- -moz-transform: scale(1.1);
- -ms-transform: scale(1.1);
- -o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
10% {
- -webkit-transform: scale(1.1);
- -moz-transform: scale(1.1);
- -ms-transform: scale(1.1);
- -o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
10% {
- -webkit-transform: scale(1.1);
- -moz-transform: scale(1.1);
- -ms-transform: scale(1.1);
- -o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
}
@@ -216,9 +120,6 @@
border: 2px solid #2c3340;
background: rgba(0, 0, 0, 0.15);
border-radius: .3em;
- // border: 2px solid rgba(0, 0, 0, 0.3);
- // background: white;
- // padding: 20px 20px;
}
.dropzone.dz-clickable {
cursor: pointer;
@@ -283,10 +184,6 @@
background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
- -webkit-transition: opacity 0.2s linear;
- -moz-transition: opacity 0.2s linear;
- -ms-transition: opacity 0.2s linear;
- -o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
@@ -358,12 +255,7 @@
}
}
.dropzone .dz-preview:hover .dz-image img {
- -webkit-transform: scale(1.05, 1.05);
- -moz-transform: scale(1.05, 1.05);
- -ms-transform: scale(1.05, 1.05);
- -o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
- -webkit-filter: blur(8px);
filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
@@ -379,18 +271,10 @@
display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
- -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
- -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
- -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
- -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
- -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
- -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
- -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
- -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark,
@@ -413,25 +297,13 @@
}
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- -ms-transition: all 0.2s linear;
- -o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
- -webkit-transition: opacity 0.4s ease-in;
- -moz-transition: opacity 0.4s ease-in;
- -ms-transition: opacity 0.4s ease-in;
- -o-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
- -webkit-animation: pulse 6s ease infinite;
- -moz-animation: pulse 6s ease infinite;
- -ms-animation: pulse 6s ease infinite;
- -o-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
@@ -443,8 +315,7 @@
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
- -webkit-transform: scale(1);
- transform: scale(1);
+ transform: scale(1);
border-radius: 8px;
overflow: hidden;
right: 10px;
@@ -462,10 +333,6 @@
left: 0;
bottom: 0;
width: 0;
- -webkit-transition: width 300ms ease-in-out;
- -moz-transition: width 300ms ease-in-out;
- -ms-transition: width 300ms ease-in-out;
- -o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
@@ -482,10 +349,6 @@
display: block;
display: none;
opacity: 0;
- -webkit-transition: opacity 0.3s ease;
- -moz-transition: opacity 0.3s ease;
- -ms-transition: opacity 0.3s ease;
- -o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
@@ -653,13 +516,7 @@
z-index: 50;
right: 5px;
top: 6px;
-
- -webkit-transition: display 0.2s linear;
- -moz-transition: display 0.2s linear;
- -ms-transition: display 0.2s linear;
- -o-transition: display 0.2s linear;
transition: display 0.2s linear;
-
cursor: pointer;
> div {
@@ -700,11 +557,6 @@
height: auto;
left: 60px;
position: absolute;
-
- -webkit-transition: display 0.2s linear;
- -moz-transition: display 0.2s linear;
- -ms-transition: display 0.2s linear;
- -o-transition: display 0.2s linear;
transition: display 0.2s linear;
}
diff --git a/src/site/assets/styles/style.scss b/src/site/assets/styles/style.scss
index 4ad0471..9bbb62d 100644
--- a/src/site/assets/styles/style.scss
+++ b/src/site/assets/styles/style.scss
@@ -280,7 +280,7 @@ table.table {
&::placeholder {
color: $textColor;
}
-}
+}
.lolisafe-input .icon {
color: #323846 !important;
@@ -295,11 +295,8 @@ table.table {
}
.vb > .vb-dragger > .vb-dragger-styler {
- -webkit-backface-visibility: hidden;
backface-visibility: hidden;
- -webkit-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0);
- -webkit-transition: background-color 100ms ease-out, margin 100ms ease-out, height 100ms ease-out;
transition: background-color 100ms ease-out, margin 100ms ease-out, height 100ms ease-out;
background-color: $backgroundAccent;
margin: 5px 5px 5px 0;
generated by cgit v1.2.3 (git 2.25.1) at 2026-05-17 22:20:26 +0000