diff options
| author | bobzel <zzzman@gmail.com> | 2021-02-09 19:11:28 -0500 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2021-02-09 19:11:28 -0500 |
| commit | 5fd9ffcc2bb62faa664f33a817ae1fd51c36ef98 (patch) | |
| tree | 2135c0934f8bd3c5438db6a03c61416ec6995395 /src/client/views/nodes/LinkDocPreview.scss | |
| parent | 81bd2378ffa753e851390c2616e66a71d23c9989 (diff) | |
overhaul of linkdocpreview. delegated linkpreviewing from formattedTextBoxComments to LinkDocPreview
Diffstat (limited to 'src/client/views/nodes/LinkDocPreview.scss')
| -rw-r--r-- | src/client/views/nodes/LinkDocPreview.scss | 69 |
1 files changed, 69 insertions, 0 deletions
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 |