fix up session logo on loading and max message body length

background.html

@@ -27,13 +27,6 @@
     When making changes to these templates, be sure to update test/index.html as well
   -->
 
-  <script type='text/x-tmpl-mustache' id='app-loading-screen'>
-    <div class="content session-full-logo">
-      <img src="images/session/brand.svg" class="session-brand-logo" />
-      <img src="images/session/session-text.svg" class="session-text-logo" />
-    </div>
-  </script>
-
   <script type='text/x-tmpl-mustache' id='banner'>
     <div class='body'>
       <span class='icon warning'></span>

background_test.html

@@ -27,14 +27,6 @@
     When making changes to these templates, be sure to update test/index.html as well
   -->
 
-  <script type='text/x-tmpl-mustache' id='app-loading-screen'>
-    <div class="content session-full-logo">
-      <img src="images/session/brand.svg" class="session-brand-logo" />
-      <img src="images/session/session-text.svg" class="session-text-logo" />
-    </div>
-  </script>
-
-
   <script type='text/x-tmpl-mustache' id='banner'>
     <div class='body'>
       <span class='icon warning'></span>

images/session/session-text.svg

@@ -3,10 +3,7 @@
 <svg version="1.1"
 	 id="svg2" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 766.2 102.3"
-	 style="enable-background:new 0 0 766.2 102.3;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#FFFFFF;}
-</style>
+	 style="enable-background:new 0 0 766.2 102.3;" xml:space="preserve" fill="white">
 <g id="g12">
 	<g>
 		<g>

stylesheets/_global.scss

@@ -279,6 +279,9 @@ $loading-height: 16px;
       animation: loading 1500ms ease infinite 666ms;
     }
   }
+  .session-text-logo {
+    filter: brightness(0) saturate(100%);
+  }
 }
 
 //yellow border fix

stylesheets/_session_left_pane.scss

@@ -366,20 +366,9 @@ $session-compose-margin: 20px;
       filter: themed('filterSessionText');
     }
     transition: 0s;
-  }
-}
-
-.app-loading-screen {
-  @include themify($themes) {
-    background: themed('inboxBackground');
-  }
-  .session-text-logo {
-    @include themify($themes) {
-      filter: themed('filterSessionText') !important;
+    .path {
+      fill: red;
     }
-    // filter: none ; // force no filter on the text of the app loading
-    // as the theme is not set right on the start.
-    // this is to avoid a text color switch on app loading.
   }
 }
 

test/index.html

@@ -17,13 +17,6 @@
   </div>
   </div>
 
-  <script type="text/x-tmpl-mustache" id="app-loading-screen">
-    <div class="content session-full-logo">
-      <img src="../images/session/brand.svg" class="session-brand-logo" />
-      <img src="../images/session/session-text.svg" class="session-text-logo" />
-    </div>
-  </script>
-
   <script type="text/x-tmpl-mustache" id="banner">
     <div class="body">
       <span class="icon warning"></span>

ts/components/session/conversation/SessionCompositionBox.tsx

@@ -808,7 +808,7 @@ export class SessionCompositionBox extends React.Component<Props, State> {
     }
     // Verify message length
     const msgLen = messagePlaintext?.length || 0;
-    if (msgLen > window.CONSTANTS.MAX_MESSAGE_BODY_LENGTH) {
+    if (msgLen > Constants.CONVERSATION.MAX_MESSAGE_BODY_LENGTH) {
       ToastUtils.pushMessageBodyTooLong();
       return;
     }