fix(#1): conversation header and message input shrink in safari

Author: supersnager

themes/default/_variables.scss

@@ -698,6 +698,8 @@ $search-input-disabled-bg-color: $search-disabled-bg-color !default;
 // Fonts
 $search-font-family: inherit !default;
 $search-font-size: inherit !default;
+$search-input-font-family: inherit !default;
+$search-input-font-size: 0.8em !default;
 
 // Opacity
 $search-disabled-opacity: $disabled-opacity !default;

themes/default/components/_conversation-header.scss

@@ -10,6 +10,7 @@
   background-color: $conversation-header-bg-color;
   font-family: $conversation-header-font-family;
   font-size: $conversation-header-font-size;
+  flex-shrink: 0;
   user-select: none;
   //box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.38);
 

themes/default/components/_message-input.scss

@@ -35,6 +35,7 @@ $_message-input-content-editor-container-max-height: $message-input-max-lines *
   box-sizing: border-box;
   padding: $message-input-padding;
   overflow: $_message-input-overflow;
+  flex-shrink: 0;
 
   &__content-editor-wrapper {
     box-sizing: border-box;  

themes/default/components/_search.scss

@@ -11,6 +11,8 @@
   position: relative;
   border-radius: $search-border-radius;
   padding: 0.6em 0.9em;
+  font-size: $search-font-size;
+  font-family: $search-font-family;
 
   &__input {
     box-sizing: border-box;
@@ -22,6 +24,8 @@
     outline:0;
     margin-right:0.5em;
     background-color:$search-input-bg-color;
+    font-size: $search-input-font-size;
+    font-family: $search-input-font-family;
   }
 
   &__input:disabled {