Преглед на файлове

fix: some overflow issues

Peng Xiao преди 4 години
родител
ревизия
ef1e5494ff
променени са 4 файла, в които са добавени 5 реда и са изтрити 2 реда
  1. 1 0
      resources/css/common.css
  2. 1 1
      src/main/frontend/components/block.cljs
  3. 2 1
      src/main/frontend/components/block.css
  4. 1 0
      src/main/frontend/components/sidebar.css

+ 1 - 0
resources/css/common.css

@@ -703,6 +703,7 @@ hr {
 .resize {
   resize: both;
   overflow: hidden;
+  max-width: -webkit-fill-available;
 }
 
 /* ideas from https://github.com/PiotrSss/logseq-bujo-theme/blob/main/main.css */

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

@@ -1572,7 +1572,7 @@
                    edit-input-id
                    config)]
       [:div.flex.flex-row.block-content-wrapper
-       [:div.flex-1 {:style {:display (if (:slide? config) "block" "flex")}}
+       [:div.flex-1.w-full {:style {:display (if (:slide? config) "block" "flex")}}
         (block-content config block edit-input-id block-id slide?)]
        [:div.flex.flex-row
         (when (and (:embed? config)

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

@@ -2,7 +2,8 @@
 }
 
 .block-content-wrapper {
-    width: 100%;
+  width: 100%;
+  max-width: calc(100% - 40px);
 }
 
 .block-content {

+ 1 - 0
src/main/frontend/components/sidebar.css

@@ -67,6 +67,7 @@
 }
 
 .cp__sidebar-main-content {
+  width: 100%;
   max-width: var(--ls-main-content-max-width);
   flex: 1;