Merge pull request #2009 from asaadmahmoodspin/ui-improvements

Multiple UI Improvements

web/react/components/center_panel.jsx

@@ -66,11 +66,9 @@ export default class CenterPanel extends React.Component {
             createPost = (
                 <div
                     id='archive-link-home'
+                    onClick={handleClick}
                 >
-                    <a
-                        href=''
-                        onClick={handleClick}
-                    >
+                    <a href=''>
                         {'You are viewing the Archives. Click here to jump to recent messages. '}
                         {<i className='fa fa-arrow-down'></i>}
                     </a>

web/react/components/new_channel_modal.jsx

@@ -22,6 +22,11 @@ export default class NewChannelModal extends React.Component {
             });
         }
     }
+    componentDidMount() {
+        if (Utils.isBrowserIE()) {
+            $('body').addClass('browser--IE');
+        }
+    }
     handleSubmit(e) {
         e.preventDefault();
 

web/sass-files/sass/partials/_content.scss

@@ -38,6 +38,7 @@
 	font-size: 13px;
 
 	.fa {
+		font-size: 11px;
 		@include opacity(0.7);
 	}
 

web/sass-files/sass/partials/_markdown.scss

@@ -43,7 +43,7 @@
 		@include opacity(0.2);
 	}
 	code {
-		white-space: pre;
+		white-space: pre-line;
 	}
 }
 .markdown__table {

web/sass-files/sass/partials/_modal.scss

@@ -10,6 +10,11 @@
 .modal {
 	width: 100%;
 	color: #333;
+	body.browser--IE & {
+		.modal-dialog {
+			@include translateY(0);
+		}
+	}
 	&.image_modal {
 		.modal-backdrop.in {
 			@include opacity(0.7);

web/sass-files/sass/partials/_post.scss

@@ -759,10 +759,18 @@ body.ios {
 		display: inline-block;
 		visibility: hidden;
 
+		&:focus {
+			outline: none;
+		}
+
 		&.icon--visible {
 			visibility: visible;
 		}
 
+		svg {
+			width: 17px;
+		}
+
 		.comment-icon {
 			display: inline-block;
 			top: 3px;