v0.2.96

static/css/styles.css

@@ -655,6 +655,53 @@ textarea:focus {
   text-overflow: ellipsis;
 }
 
+.document-title--renamable {
+  cursor: text;
+  text-decoration-color: transparent;
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+  text-underline-offset: 3px;
+  transition: text-decoration-color .15s ease;
+}
+
+.document-title--renamable:hover {
+  text-decoration-color: color-mix(in srgb, var(--muted) 55%, transparent);
+}
+
+/* When the title can be renamed, don't present the whole heading as a copy
+   button. The URL and the explicit Copy link button still copy the link. */
+.document-heading--copy.document-heading--has-renamable-title:hover {
+  background: transparent;
+  box-shadow: none;
+}
+
+.document-heading--has-renamable-title .document-url:hover {
+  color: var(--text-secondary);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.document-title-inline-input {
+  box-sizing: border-box;
+  width: min(42vw, 520px);
+  max-width: 100%;
+  margin: -2px 0;
+  padding: 1px 2px 2px;
+  border: 0;
+  border-bottom: 1px solid color-mix(in srgb, var(--accent) 70%, var(--border));
+  border-radius: 0;
+  outline: none;
+  background: transparent;
+  color: var(--text);
+  font: inherit;
+  line-height: 1.35;
+}
+
+.document-title-inline-input:focus {
+  border-bottom-color: var(--accent);
+  box-shadow: none;
+}
+
 .document-url {
   overflow: hidden;
   max-width: 360px;
@@ -1129,6 +1176,10 @@ textarea::selection {
   border-top-style: dashed;
 }
 
+.markdown-body .pdf-layout-marker {
+  display: none !important;
+}
+
 .editor-footer {
   display: flex;
   align-items: center;
@@ -3829,6 +3880,36 @@ dialog::backdrop {
   text-decoration: underline;
 }
 
+.note-list-inline-title--renamable {
+  cursor: text;
+}
+
+.note-list-inline-title--editing {
+  display: inline-block;
+  width: min(100%, 42ch);
+  text-decoration: none;
+}
+
+.note-title-inline-input {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 12ch;
+  max-width: 42ch;
+  padding: 4px 7px;
+  border: 1px solid var(--accent);
+  border-radius: 6px;
+  outline: none;
+  background: var(--control-bg);
+  color: var(--text);
+  font: inherit;
+  font-weight: inherit;
+  line-height: 1.3;
+}
+
+.note-title-inline-input:focus {
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
+}
+
 .note-status {
   color: var(--muted);
   font-size: .75rem;
@@ -4338,6 +4419,9 @@ dialog::backdrop {
   grid-template-columns: repeat(2, minmax(120px, 1fr));
   gap: 4px;
   width: 290px;
+  max-height: min(70vh, 560px);
+  overflow-y: auto;
+  overscroll-behavior: contain;
   padding: 8px;
   border: 1px solid var(--border-strong);
   border-radius: 9px;
@@ -4350,6 +4434,13 @@ dialog::backdrop {
   text-align: left;
 }
 
+.markdown-more-separator {
+  grid-column: 1 / -1;
+  height: 1px;
+  margin: 4px 2px;
+  background: var(--border);
+}
+
 .hljs {
   color: var(--dialog-text);
 }