Merge branch 'master' into sophie-ai-images

1 files changed, 47 insertions, 1 deletions

diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
index 250760bd5..7d3acaea7 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
@@ -1,4 +1,4 @@
-@import '../../global/globalCssVariables';
+@import '../../global/globalCssVariables.module.scss';
 
 .collectionfreeformview-none {
     position: inherit;
@@ -255,3 +255,49 @@
     background-color: rgba($color: #000000, $alpha: 0.4);
     position: absolute;
 }
+
+.collectionFreeform-infoUI {
+    position: absolute;
+    display: block;
+    top: 0;
+
+    color: white;
+    background-color: #5075ef;
+    border-radius: 5px;
+    box-shadow: 2px 2px 5px black;
+
+    margin: 15px;
+    padding: 10px;
+
+    .msg {
+      position: relative;
+      // display: block;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -o-user-select: none;
+      user-select: none;
+      
+    }
+    
+    .gif-container {
+      position: relative;
+      margin-top: 5px;
+      // display: block;
+
+      justify-content: center;
+      align-items: center;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -o-user-select: none;
+      user-select: none;
+
+      
+        .gif {
+            background-color: transparent;
+            height: 300px;
+        }
+    }
+
+}