From 5fd9ffcc2bb62faa664f33a817ae1fd51c36ef98 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Tue, 9 Feb 2021 19:11:28 -0500
Subject: overhaul of linkdocpreview.  delegated linkpreviewing from
 formattedTextBoxComments to LinkDocPreview

---
 src/client/views/nodes/LinkDocPreview.scss | 69 ++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 src/client/views/nodes/LinkDocPreview.scss

(limited to 'src/client/views/nodes/LinkDocPreview.scss')

diff --git a/src/client/views/nodes/LinkDocPreview.scss b/src/client/views/nodes/LinkDocPreview.scss
new file mode 100644
index 000000000..abbb8cdf0
--- /dev/null
+++ b/src/client/views/nodes/LinkDocPreview.scss
@@ -0,0 +1,69 @@
+ .linkDocPreview {
+    position: absolute;
+    pointer-events: all;
+    background-color: lightblue;
+    border: 8px solid white;
+    border-radius: 7px;
+    box-shadow: 3px 3px 1.5px grey;
+    border-bottom: 8px solid white;
+    border-right: 8px solid white;
+    z-index: 2004;
+    .linkDocPreview-inner {
+        background-color: white;
+        border: 8px solid white;
+        width: 100%;
+        height: 100%;
+        pointer-events: none;
+
+        .linkDocPreview-info {
+            height: 37px;
+            white-space: pre;
+
+            .linkDocPreview-title {
+                padding-right: 4px;
+                float: left;
+                width: calc(100% - 48px);
+                overflow: hidden;
+                text-overflow: ellipsis;
+                height: 25px;
+
+                .linkDocPreview-description {
+                    text-decoration: none;
+                    font-style: italic;
+                    color: rgb(95, 97, 102);
+                    font-size: 10px;
+                }
+            }
+
+            .linkDocPreview-button {
+                display: inline-flex;
+                margin: 0;
+                margin-right: 3px;
+                border-radius: 50%;
+                pointer-events: auto;
+                background-color: black;
+                color: white;
+                transition: transform 0.2s;
+                text-align: center;
+                position: relative;
+                font-size: 12px;
+                width: 20px;
+                height: 20px;
+                align-items: center;
+                justify-content: center;
+
+                &:hover {
+                    background-color: rgb(77, 77, 77);
+                    cursor: pointer;
+                }
+            }
+
+            .linkDocPreview-preview-wrapper {
+                overflow: hidden;
+                align-content: center;
+                justify-content: center;
+                background-color: rgb(160, 160, 160);
+            }
+        }
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2