diff --git a/src/main/frontend/components/block.css b/src/main/frontend/components/block.css index 054b8cbcd0..4fff5fefdb 100644 --- a/src/main/frontend/components/block.css +++ b/src/main/frontend/components/block.css @@ -1,5 +1,6 @@ .block-content-wrapper { - width: 100%; + /* 38px is the width of block-control */ + width: calc(100% - 38px); } .block-content { @@ -9,6 +10,7 @@ white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word; + cursor: text; img { max-width: 100%; @@ -166,6 +168,10 @@ &:hover { color: var(--ls-link-text-hover-color); } + + .block-content { + cursor: inherit; + } } .page-ref { diff --git a/src/main/frontend/components/editor.cljs b/src/main/frontend/components/editor.cljs index ff62226616..0aff2c2116 100644 --- a/src/main/frontend/components/editor.cljs +++ b/src/main/frontend/components/editor.cljs @@ -312,7 +312,7 @@ :max-height to-max-height :max-width 700 ;; TODO: auto responsive fixed size - :min-width 300 + :width "fit-content" :z-index 11} (if set-default-width? {:width max-width}) diff --git a/src/main/frontend/components/header.css b/src/main/frontend/components/header.css index 00e3668e8b..0ed3ee2255 100644 --- a/src/main/frontend/components/header.css +++ b/src/main/frontend/components/header.css @@ -102,7 +102,6 @@ } #repo-name { - @apply md:max-w-none; vertical-align: middle; display: inline-block; white-space: nowrap; @@ -111,6 +110,7 @@ max-width: 7ch; color: var(--ls-icon-color, #045591); height: 14px; + @apply md:max-w-none; } a.button {