Improved image loading

2018-03-20 22:39:21 +01:00
parent 858aec9719
commit 35f694bcda
18 changed files with 32 additions and 19 deletions
--- a/styles/base.scarlet
+++ b/styles/base.scarlet
@ -38,6 +38,9 @@ a
 img
 	backface-visibility hidden

+	// Hide the alt text that is shown while the image is loading
+	// text-indent -9999px
+
 .hidden
 	display none !important

--- a/styles/images.scarlet
+++ b/styles/images.scarlet
@ -2,10 +2,18 @@
 	visibility hidden
 	opacity 0

+.element-color-preview
+	visibility visible
+	animation color-preview 1000ms forwards
+
+animation color-preview
+	100%
+		opacity 1
+
 .element-found
 	visibility visible
-	opacity 1 !important
+	opacity 1

 .element-not-found
 	visibility hidden
-	opacity 0 !important
+	opacity 0