MDL-49848 message: Make messaging interface responsive

2015-05-05 10:31:08 +08:00
parent 03e35c77fd
commit afa1a8e3fb
2 changed files with 12 additions and 5 deletions
@@ -43,7 +43,9 @@ table.message .searchresults td {
    padding: 5px;
 }
 .message .contactselector {
-    width: 24%;
+    @media screen and (min-width: 1000px) {
+        width: 24%;
+    }
    float: left;
 }
 .message .contactselector .contact {
@@ -57,9 +59,14 @@ table.message .searchresults td {
    position: relative;
 }
 .message .messagearea  {
-    padding-left: 1%;
-    border-left: 1px solid @tableBorder;
-    width: 74%;
+    @media screen and (min-width: 1000px) {
+        width: 74%;
+        border-left: 1px solid @tableBorder;
+        padding-left: 1%;
+    }
+    @media screen and (max-width: 1000px) {
+        width: 100%;
+    }
    float: right;
    min-height: 200px;
 }