1 files changed, 12 insertions, 72 deletions

diff --git a/src/client/views/nodes/formattedText/FormattedTextBoxComment.scss b/src/client/views/nodes/formattedText/FormattedTextBoxComment.scss
index 81afba4d7..55b8446e9 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBoxComment.scss
+++ b/src/client/views/nodes/formattedText/FormattedTextBoxComment.scss
@@ -1,6 +1,8 @@
-.FormattedTextBox-tooltip {
+.formattedTextBox-tooltip {
     position: absolute;
-    pointer-events: none;
+    pointer-events: all;
+    height: 100%;
+    overflow: hidden;
     z-index: 20;
     background: white;
     border: 1px solid silver;
@@ -9,70 +11,16 @@
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     box-shadow: 3px 3px 1.5px grey;
-
-    .FormattedTextBoxComment {
-        background-color: white;
-        border: 8px solid white;
-        //width: 200px;
-
-        //display: flex;
-        .FormattedTextBoxComment-info {
-
-            margin-bottom: 37px;
-
-            .FormattedTextBoxComment-title {
-                padding-right: 4px;
-                float: left;
-
-                .FormattedTextBoxComment-description {
-                    text-decoration: none;
-                    font-style: italic;
-                    color: rgb(95, 97, 102);
-                    font-size: 10px;
-                }
-            }
-
-            .FormattedTextBoxComment-button {
-                display: inline;
-                padding-left: 6px;
-                padding-right: 6px;
-                padding-top: 2.5px;
-                padding-bottom: 2.5px;
-                width: 17px;
-                height: 17px;
-                margin: 0;
-                margin-right: 3px;
-                border-radius: 50%;
-                pointer-events: auto;
-                background-color: rgb(0, 0, 0);
-                color: rgb(255, 255, 255);
-                transition: transform 0.2s;
-                text-align: center;
-                position: relative;
-                font-size: 12px;
-
-                &:hover {
-                    background-color: rgb(77, 77, 77);
-                    cursor: pointer;
-                }
-            }
-        }
-
-        .FormattedTextBoxComment-preview-wrapper {
-            //width: 170px;
-            height: 170px;
-            overflow: hidden;
-            //padding-top: 5px;
-            margin-top: 10px;
-            margin-bottom: 8px;
-            align-content: center;
-            justify-content: center;
-            background-color: rgb(160, 160, 160);
-        }
+    max-width: 400;
+    max-height: 235;
+    height:max-content;
+    .formattedTextBox-tooltipText {
+        height: max-content;
+        text-overflow: ellipsis;
     }
 }
 
-.FormattedTextBox-tooltip:before {
+.formattedTextBox-tooltip:before {
     content: "";
     height: 0;
     width: 0;
@@ -85,7 +33,7 @@
     border-top-color: silver;
 }
 
-.FormattedTextBox-tooltip:after {
+.formattedTextBox-tooltip:after {
     content: "";
     height: 0;
     width: 0;
@@ -96,12 +44,4 @@
     border: 5px solid transparent;
     border-bottom-width: 0;
     border-top-color: white;
-}
-
-.FormattedTextBoxComment-buttons {
-    display: none;
-    position: absolute;
-    top: 50%;
-    right: 0;
-    transform: translateY(-50%);
 }
\ No newline at end of file