Fix #4186: Add tooltips to post #xxx links.

2019-10-06 18:05:13 -05:00
parent d69e95a539
commit 8e4e274dae
3 changed files with 40 additions and 11 deletions
--- a/app/javascript/src/styles/specific/post_tooltips.scss
+++ b/app/javascript/src/styles/specific/post_tooltips.scss
@@ -59,17 +59,30 @@ $tooltip-width: 164px * 3 - 10; // 3 thumbnails wide.
    padding: 0;

    > * {
-      padding: 2px 6px;
+      padding: 4px 8px;
    }

    .post-tooltip-body {
      @include thin-scrollbar;
      max-height: $tooltip-body-height;
      overflow-y: auto;
+      display: flex;
+
+      &.has-preview {
+        max-height: 154px;
+        padding: 8px;
+
+        article.post-preview {
+          margin: 0 8px 0 0;
+        }
+      }

      li {
        margin-right: 0;
      }
+
+      .post-tooltip-body-left  { flex: 0; }
+      .post-tooltip-body-right { flex: 1; }
    }

    .post-tooltip-header {