Browse Source

enhance(ui): force inline layout of block ref elements

charlie 3 years ago
parent
commit
81904156f8
2 changed files with 10 additions and 2 deletions
  1. 1 1
      src/main/frontend/components/block.cljs
  2. 9 1
      src/main/frontend/components/block.css

+ 1 - 1
src/main/frontend/components/block.cljs

@@ -2031,7 +2031,7 @@
        (merge attrs))
 
      [:<>
-      [:div.flex.flex-row.justify-between
+      [:div.flex.flex-row.justify-between.block-content-inner
        [:div.flex-1
         (cond
           (seq title)

+ 9 - 1
src/main/frontend/components/block.css

@@ -227,7 +227,7 @@
   border-bottom-color: var(--ls-block-ref-link-text-color);
   cursor: alias;
   padding: 2px 0;
-  display: inline-block;
+  display: inherit;
 
   &:hover {
     color: var(--ls-link-text-hover-color);
@@ -235,6 +235,14 @@
 
   .block-content {
     cursor: inherit;
+
+    &-inner {
+      display: inherit;
+
+      > * {
+        display: inherit;
+      }
+    }
   }
 }