From c998fd4f52ba1d03e8fc0d7b39ced5202ce35dfc Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Fri, 19 May 2017 18:34:27 +0500
Subject: Bug fixes (#6439)

* PLT-5863 - Fixing overflow in modals

* PLT-6545 - Fix for Code block tag on mobile

* PLT-6549 - Fixing integrations UI

* PLT-6506 - Large embedded images producting scroll
---
 webapp/sass/components/_modal.scss   | 9 +++++----
 webapp/sass/responsive/_desktop.scss | 4 ++++
 webapp/sass/responsive/_mobile.scss  | 7 +++++++
 3 files changed, 16 insertions(+), 4 deletions(-)

(limited to 'webapp')

diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss
index 6e54d60ff..fc1584ea9 100644
--- a/webapp/sass/components/_modal.scss
+++ b/webapp/sass/components/_modal.scss
@@ -12,6 +12,7 @@
 
     .modal-body {
         max-height: calc(90vh - 62px);
+        overflow: auto;
         padding: 20px 15px;
     }
 
@@ -28,16 +29,16 @@
         }
 
         .edit-post-footer {
+            display: inline-block;
             font-size: 13px;
             position: relative;
-            display: inline-block;
 
             .post-error {
-                position: relative;
+                @include opacity(.55);
+                font-size: .85em;
                 font-weight: normal;
                 margin-bottom: 0;
-                font-size: .85em;
-                @include opacity(.55);
+                position: relative;
                 top: 3px;
             }
         }
diff --git a/webapp/sass/responsive/_desktop.scss b/webapp/sass/responsive/_desktop.scss
index 891431f20..a96685c87 100644
--- a/webapp/sass/responsive/_desktop.scss
+++ b/webapp/sass/responsive/_desktop.scss
@@ -97,6 +97,10 @@
             }
         }
     }
+
+    .integration-option {
+        width: 280px;
+    }
 }
 
 @media (min-width: 992px) {
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index 5a0494dac..9c442543e 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -1,6 +1,12 @@
 @charset 'UTF-8';
 
 @media screen and (max-width: 768px) {
+    #post-list {
+        .markdown-inline-img {
+            max-width: 100%;
+        }
+    }
+
     .member-role .member-menu,
     .member-drop .member-menu {
         right: 0;
@@ -181,6 +187,7 @@
         @include opacity(.6);
         @include transition(none);
         display: block;
+        position: relative;
     }
 
     .post-code {
-- 
cgit v1.2.3-1-g7c22