Explorar el Código

fix: several UI issues

Peng Xiao hace 4 años
padre
commit
64968d6598

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

@@ -1,5 +1,6 @@
 .block-content-wrapper {
 .block-content-wrapper {
-  width: 100%;
+  /* 38px is the width of block-control */
+  width: calc(100% - 38px);
 }
 }
 
 
 .block-content {
 .block-content {
@@ -9,6 +10,7 @@
   white-space: pre-wrap;
   white-space: pre-wrap;
   overflow-wrap: break-word;
   overflow-wrap: break-word;
   word-break: break-word;
   word-break: break-word;
+  cursor: text;
 
 
   img {
   img {
     max-width: 100%;
     max-width: 100%;
@@ -166,6 +168,10 @@
   &:hover {
   &:hover {
     color: var(--ls-link-text-hover-color);
     color: var(--ls-link-text-hover-color);
   }
   }
+
+  .block-content {
+    cursor: inherit;
+  }
 }
 }
 
 
 .page-ref {
 .page-ref {

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

@@ -312,7 +312,7 @@
                :max-height to-max-height
                :max-height to-max-height
                :max-width 700
                :max-width 700
                ;; TODO: auto responsive fixed size
                ;; TODO: auto responsive fixed size
-               :min-width 300
+               :width "fit-content"
                :z-index    11}
                :z-index    11}
               (if set-default-width?
               (if set-default-width?
                 {:width max-width})
                 {:width max-width})

+ 1 - 1
src/main/frontend/components/header.css

@@ -102,7 +102,6 @@
 }
 }
 
 
 #repo-name {
 #repo-name {
-  @apply md:max-w-none;
   vertical-align: middle;
   vertical-align: middle;
   display: inline-block;
   display: inline-block;
   white-space: nowrap;
   white-space: nowrap;
@@ -111,6 +110,7 @@
   max-width: 7ch;
   max-width: 7ch;
   color: var(--ls-icon-color, #045591);
   color: var(--ls-icon-color, #045591);
   height: 14px;
   height: 14px;
+  @apply md:max-w-none;
 }
 }
 
 
 a.button {
 a.button {