Merge pull request #14 from GetStream/attachment-refactor-compability

Attachment fix, edit action, modal layout fix

Author: szuperaz

src/styles/Message.scss

@@ -708,6 +708,11 @@
           position: relative;
           display: none;
         }
+
+        &--options.str-chat-angular__message-simple__actions__action--options--editing {
+          position: relative;
+          display: flex;
+        }
       }
     }
 

src/styles/MessageInputFlat.scss

@@ -192,7 +192,8 @@
   }
 }
 
-.rfu-image-previewer {
+.rfu-image-previewer,
+.rfu-image-previewer-angular-host {
   flex: 1 1 100%;
 
   &__image {

src/styles/Modal.scss

@@ -1,12 +1,11 @@
 .str-chat__modal {
-  background: var(--black);
+  background: var(--modal-overlay-color);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10000;
-  opacity: 0.89;
   display: none;
   align-items: center;
   justify-content: center;

src/styles/_variables.scss

@@ -151,4 +151,6 @@ $border-radius: 16px;
   --white: #ffffff;
   --white-smoke: #f2f2f2;
   --white-snow: #fcfcfc;
+
+  --modal-overlay-color: rgba(0, 0, 0, 0.89);
 }