fix(ui): input style of page title when editing.

resources/css/common.css

@@ -306,6 +306,7 @@ blockquote {
 input[type=text], input[type=password] {
   color: var(--ls-primary-text-color);
   background: transparent;
+  font-size: inherit;
 }
 
 summary {

src/main/frontend/components/page.cljs

@@ -301,7 +301,7 @@
                           (reset! *input-value (if untitled? "" old-name))
                           (reset! *edit? true))))}
        (when (not= icon "") [:span.page-icon icon])
-       [:div.page-title-sizer-wrapper.relative
+       [:div.page-title-sizer-wrapper.relative.w-full
         (when (rum/react *edit?)
           (page-title-editor {:*title-value *title-value
                               :*edit? *edit?

src/main/frontend/components/page.css

@@ -263,8 +263,12 @@
     margin-bottom: 12px;
   }
 
-  > .edit-input {
+  .edit-input {
     width: 100%;
+    border: none;
+    box-shadow: none;
+    padding-left: 0;
+    padding-top: 5px;
   }
 
   &.editing {

src/main/frontend/components/whiteboard.css

@@ -103,6 +103,14 @@ h1.title.whiteboard-dashboard-title {
   padding: 0;
 }
 
+input.tl-text-input {
+  border: none;
+
+  &:focus {
+    box-shadow: none;
+  }
+}
+
 /**
  * ???
  */
@@ -145,6 +153,13 @@ h1.title.whiteboard-dashboard-title {
   border-radius: 8px;
   border: 1px solid transparent;
   background: var(--ls-secondary-background-color);
+
+  .edit-input {
+    width: 100%;
+    border: none;
+    box-shadow: none;
+    padding: 0;
+  }
 }
 
 .whiteboard-page-title:hover {