[DE forms] Fix share dialog

apps/common/forms/lib/view/modals.js

@@ -139,7 +139,7 @@ define([
             }, options || {});
 
             this.template = [
-                '<div class="box" style="height: 110px;">',
+                '<div class="box" style="height: 100px;">',
                 '<table cols="1" style="width: 100%;">',
                     '<tr>',
                         '<td>',
@@ -147,9 +147,14 @@ define([
                         '</td>',
                     '</tr>',
                     '<tr>',
-                    '<td colspan="2">',
+                        '<td>',
-                        '<div id="share-buttons" style="margin-top: 15px;"></div>',
+                            '<div class="share-buttons" style="margin-top: 15px;">',
-                    '</td>',
+                                '<span class="svg big-facebook" data-name="facebook"></span>',
+                                '<span class="svg big-twitter" data-name="twitter"></span>',
+                                '<span class="svg big-email" data-name="email"></span>',
+                                '<div class="autotest" id="email" style="display: none"></div>',
+                            '</div>',
+                        '</td>',
                     '</tr>',
                 '</table>',
                 '</div>',

apps/common/forms/resources/less/common.less

@@ -553,10 +553,6 @@
             opacity: @component-disabled-opacity;
             cursor: default !important;
         }
-
-        &[readonly] {
-            cursor: auto;
-        }
     }
 
     label {
@@ -572,62 +568,23 @@
             font-weight: bold;
         }
     }
+
+    .form-control[readonly] {
+        cursor: auto;
+    }
+
+    .share-buttons {
+        height: 40px;
+        text-align: center;
+
+        span {
+            display: inline-block;
+            margin: 0 7px;
+            cursor: pointer;
+        }
+    }
 }
 
-//.modal-dialog {
-//    margin-top: 100px;
-//    .share-buttons {
-//        height: 40px;
-//        text-align: center;
-//
-//        span {
-//            display: inline-block;
-//            margin: 0 7px;
-//            cursor: pointer;
-//        }
-//    }
-//
-//    .share-link {
-//        margin: 0 0 15px 0;
-//    }
-//}
-
-//.modal-header {
-//    padding-bottom: 10px;
-//    text-align: center;
-//
-//    .close {
-//        margin-top: 0;
-//        opacity: 0.5;
-//
-//        &:hover {
-//            opacity: 0.7;
-//        }
-//    }
-//}
-//
-//.modal-body {
-//    padding: 20px;
-//}
-
-//.modal-footer {
-//    text-align: center;
-//}
-//
-//#dlg-share, #dlg-embed {
-//    .modal-dialog {
-//        width: 330px;
-//    }
-//
-//    textarea {
-//        width: 288px;
-//        resize: none;
-//        cursor: auto;
-//        font-size: 1em;
-//        border-radius: 0;
-//    }
-//}
-
 .masked {
     background-color: transparent;
     border-color: transparent;