聊天界面

talkview/src/js/directive/currentmessage.js

@@ -241,14 +241,14 @@
                 var html_g = html;
             } else {
                 if (getUserID()) {
-                    var html_g = '<div><p><strong>' +
+                    var html_g = '<div onSelectStart="return false"><p><strong>' +
                         scope.msg.senderDisplayName +
                         '</strong><small class="text-muted"></small></p></div>' +
                         '<div class="wellself m-l-xs m-t-xs fit-content" >' +
                         '<div class="text-point"></div>' + html +
                         '</div>';
                 } else {
-                    var html_g = '<div><p><strong>' +
+                    var html_g = '<div onSelectStart="return false"><p><strong>' +
                         scope.msg.senderDisplayName +
                         '</strong><small class="text-muted"></small></p></div>' +
                         '<div class="well m-l-xs m-t-xs fit-content" >' +

talkview/src/less/app.main.less

@@ -44,10 +44,13 @@
     max-width: 700px;
     vertical-align: top;
     zoom: 1;
+    p{
+        margin-bottom: 7px;
+    }
     p>strong {
         float: left;
         margin-left: 5px;
-        color: #336699;
+        color: #007FE0;
     }
     p>small {
         margin-left: 4px;
@@ -64,14 +67,14 @@
         float: left;
         word-wrap:break-word;
         word-break:break-all;
-        background-color: #DEDFDE;
+        background-color: #EEEEEE;
         color: #000000;
         border-radius: 6px;
         border: none;
         box-shadow: none;
         outline: none;
         margin-left: 10px;
-        margin-top: -2px;
+        margin-top: 0px;
         margin-bottom: 0px;
         margin-right: 20px;
         padding: 7px 15px 7px 12px;
@@ -89,7 +92,7 @@
             border-bottom:solid 10px;
             border-right: solid 7px;
             border-left: solid 7px;
-            border-color:transparent transparent #DEDFDE transparent;
+            border-color:transparent transparent #EEEEEE transparent;
         }
     }
 }
@@ -98,14 +101,14 @@
         float: left;
         word-wrap:break-word;
         word-break:break-all;
-        background-color: #009BDB;
+        background-color: #009EE0;
         color: #000000;
         border-radius: 6px;
         border: none;
         box-shadow: none;
         outline: none;
         margin-left: 10px;
-        margin-top: -2px;
+        margin-top: 0px;
         margin-bottom: 0px;
         margin-right: 20px;
         padding: 7px 15px 7px 12px;
@@ -123,7 +126,7 @@
             border-bottom:solid 10px;
             border-right: solid 7px;
             border-left: solid 7px;
-            border-color:transparent transparent #009BDB transparent;
+            border-color:transparent transparent #009EE0 transparent;
         }
 }
 .fit-content {