diff --git a/src/app/app.component.html b/src/app/app.component.html
index 1227f1386..9feeb2b65 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,8 +1,8 @@
-
-
by UnchartedBull
+
+
connecting
-
\ No newline at end of file
+
diff --git a/src/app/config/no-config/no-config.component.html b/src/app/config/no-config/no-config.component.html
index f37583b3b..01f7c7838 100644
--- a/src/app/config/no-config/no-config.component.html
+++ b/src/app/config/no-config/no-config.component.html
@@ -65,7 +65,7 @@
- searching ...
+ searching
enter manually
@@ -102,7 +102,7 @@
- connecting ...
+ connecting
diff --git a/src/app/control/control.component.scss b/src/app/control/control.component.scss
index 966cba729..9eea167b8 100755
--- a/src/app/control/control.component.scss
+++ b/src/app/control/control.component.scss
@@ -218,8 +218,8 @@
&__wrapper {
position: fixed;
z-index: 2;
- backdrop-filter: blur(8px);
- background-color: rgba(0, 0, 0, 0.77);
+ background-color: rgba(0, 0, 0, 0.85);
+ // backdrop-filter: blur(8px);
left: 0;
top: 0;
right: 0;
diff --git a/src/app/filament/filament.component.html b/src/app/filament/filament.component.html
index ca1f9ea9a..db8570793 100644
--- a/src/app/filament/filament.component.html
+++ b/src/app/filament/filament.component.html
@@ -35,7 +35,7 @@
no filament spools found
-
loading spools ...
+
loading spools
diff --git a/src/app/files/files.component.html b/src/app/files/files.component.html
index b468e6fbf..7411f6253 100644
--- a/src/app/files/files.component.html
+++ b/src/app/files/files.component.html
@@ -30,7 +30,7 @@
- loading ...
+ loading
can't load files ...
@@ -120,7 +120,7 @@
- loading details ...
+
loading details
diff --git a/src/app/files/files.component.scss b/src/app/files/files.component.scss
index d6e22064f..fedc3d645 100755
--- a/src/app/files/files.component.scss
+++ b/src/app/files/files.component.scss
@@ -134,8 +134,8 @@
left: 0;
width: 100vw;
height: 100vh;
- backdrop-filter: blur(8px);
- background-color: rgba(0, 0, 0, 0.77);
+ background-color: rgba(0, 0, 0, 0.85);
+ // backdrop-filter: blur(8px);
transition: opacity 0.4s ease-in-out;
z-index: 5;
@@ -270,8 +270,8 @@
.sorting {
display: block;
position: fixed;
- backdrop-filter: blur(8px);
- background-color: rgba(0, 0, 0, 0.77);
+ background-color: rgba(0, 0, 0, 0.85);
+ // backdrop-filter: blur(8px);
transition: opacity 0.4s ease-in-out;
left: 0;
top: 0;
diff --git a/src/app/job-status/job-status.component.html b/src/app/job-status/job-status.component.html
index a828883cd..cb78babbd 100644
--- a/src/app/job-status/job-status.component.html
+++ b/src/app/job-status/job-status.component.html
@@ -100,5 +100,5 @@
-loading info ...
+loading info
no job running ...
diff --git a/src/app/print-control/print-control.component.scss b/src/app/print-control/print-control.component.scss
index 467ffba39..7d5d6c03a 100644
--- a/src/app/print-control/print-control.component.scss
+++ b/src/app/print-control/print-control.component.scss
@@ -5,8 +5,8 @@
right: 0;
top: 0;
bottom: 0;
- backdrop-filter: blur(8px);
- background-color: rgba(0, 0, 0, 0.77);
+ background-color: rgba(0, 0, 0, 0.85);
+ // backdrop-filter: blur(8px);
transition: opacity 0.4s ease-in-out;
z-index: 50;
opacity: 1;
diff --git a/src/app/printer-status/printer-status.component.scss b/src/app/printer-status/printer-status.component.scss
index 49af3fdf2..10e28ad8c 100644
--- a/src/app/printer-status/printer-status.component.scss
+++ b/src/app/printer-status/printer-status.component.scss
@@ -82,8 +82,8 @@
top: 0;
right: 0;
bottom: 0;
- backdrop-filter: blur(8px);
- background-color: rgba(0, 0, 0, 0.75);
+ background-color: rgba(0, 0, 0, 0.85);
+ // backdrop-filter: blur(8px);
transition: opacity 0.4s ease-in-out;
z-index: 10;
opacity: 0;
diff --git a/src/app/settings/settings.component.scss b/src/app/settings/settings.component.scss
index b3b4e5908..bccec9c82 100644
--- a/src/app/settings/settings.component.scss
+++ b/src/app/settings/settings.component.scss
@@ -6,8 +6,8 @@
left: 0;
width: 100%;
height: 100%;
- background-color: rgba(0, 0, 0, 0.75);
- backdrop-filter: blur(8px);
+ background-color: rgba(0, 0, 0, 0.85);
+ // backdrop-filter: blur(8px);
z-index: 20;
&-fadeout {
diff --git a/src/app/standby/standby.component.html b/src/app/standby/standby.component.html
index b99e89ab0..29d13818a 100644
--- a/src/app/standby/standby.component.html
+++ b/src/app/standby/standby.component.html
@@ -6,7 +6,7 @@
{{ error }}
- tap this card to close it ...
+ tap this card to close it.
-connecting ...
+connecting
diff --git a/src/app/update/update.component.html b/src/app/update/update.component.html
index a99bc9d5b..f8fb9a4fe 100644
--- a/src/app/update/update.component.html
+++ b/src/app/update/update.component.html
@@ -1,9 +1,12 @@
-
downloading update ...
+
downloading update
-
+
{{ updateProgress.speed }} MB/s
@@ -11,7 +14,7 @@
{{ updateProgress.eta }} minutes left
-
installing update ...
+
installing update
@@ -25,4 +28,4 @@
-
\ No newline at end of file
+
diff --git a/src/styles.scss b/src/styles.scss
index c7cb9c56d..6c472b907 100755
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -101,8 +101,8 @@ app-root {
top: 0;
right: 0;
bottom: 0;
- backdrop-filter: blur(8px);
- background-color: rgba(0, 0, 0, 0.75);
+ background-color: rgba(0, 0, 0, 0.85);
+ // backdrop-filter: blur(8px);
z-index: 1000;
&__card {
@@ -143,6 +143,14 @@ app-root {
margin-left: auto;
margin-right: auto;
display: block;
+
+ &-small {
+ height: 30vh;
+ margin-top: 10vh;
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+ }
}
&__credits {
@@ -154,11 +162,19 @@ app-root {
}
&__text {
- text-align: justify;
- font-size: 3vw;
+ text-align: center;
+ display: block;
+ font-size: 5vw;
+ margin-top: 25vh;
+ opacity: 0.7;
}
}
+.loading-dots:after {
+ content: ' .';
+ animation: dots 1s steps(7, end) infinite;
+}
+
::-webkit-scrollbar {
width: 3vw;
box-shadow: none;
@@ -219,3 +235,34 @@ app-root {
[hidden] {
display: none;
}
+
+@keyframes dots {
+ 0%,
+ 10% {
+ color: rgba(255, 255, 255, 0.2);
+ text-shadow: 0.25em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0 0 rgba(255, 255, 255, 0.2);
+ }
+ 20% {
+ color: #f5f6fa;
+ text-shadow: 0.25em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0 0 rgba(255, 255, 255, 0.2);
+ }
+ 30% {
+ text-shadow: 0.25em 0 0 #f5f6fa, 0.5em 0 0 rgba(255, 255, 255, 0.2);
+ }
+ 52%,
+ 60% {
+ text-shadow: 0.25em 0 0 #f5f6fa, 0.5em 0 0 #f5f6fa;
+ }
+ 70% {
+ color: rgba(255, 255, 255, 0.2);
+ text-shadow: 0.25em 0 0 #f5f6fa, 0.5em 0 0 #f5f6fa;
+ }
+ 80% {
+ text-shadow: 0.25em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0 0 #f5f6fa;
+ }
+ 90%,
+ 100% {
+ color: rgba(255, 255, 255, 0.2);
+ text-shadow: 0.25em 0 0 rgba(255, 255, 255, 0.2), 0.5em 0 0 rgba(255, 255, 255, 0.2);
+ }
+}