breadcrumps, todos, etc.

static/css/wiki.css

@@ -273,6 +273,48 @@ body {
   font-style: italic;
 }
 
+
+.toc-row {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.toc-row .toc-link {
+  min-width: 0;
+  flex: 1 1 auto;
+}
+
+.toc-edit-link {
+  flex: 0 0 auto;
+  padding: 2px 5px;
+  color: #777;
+  text-decoration: none;
+  font-size: .78rem;
+  line-height: 1;
+}
+
+.toc-edit-link:hover {
+  color: var(--wiki-link);
+}
+
+.editor-template-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: .86rem;
+}
+
+.editor-template-row label {
+  color: var(--wiki-muted);
+}
+
+#template-select {
+  min-width: 180px;
+  max-width: 360px;
+  padding: 4px 6px;
+}
+
 .pages-section {
   padding-top: 12px;
   border-top: 1px solid #d7d7d7;
@@ -1048,3 +1090,63 @@ body.editor-mode .editor-metadata-row {
 .wiki-graph-node-focus text {
   font-weight: 700;
 }
+
+
+/* Recent changes and bookmark overview pages. */
+.special-page-list,
+.bookmarks-list {
+  max-width: 920px;
+}
+
+.special-page-row,
+.bookmark-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 1rem;
+  padding: .45rem 0;
+  border-bottom: 1px solid var(--wiki-border);
+}
+
+.special-page-row a,
+.bookmark-row a,
+.bookmark-section-actions a {
+  color: var(--wiki-link);
+  text-decoration: none;
+}
+
+.special-page-row a:hover,
+.bookmark-row a:hover,
+.bookmark-section-actions a:hover {
+  text-decoration: underline;
+}
+
+.special-page-meta,
+.bookmark-section-actions {
+  color: var(--wiki-muted);
+  font-size: .86rem;
+  white-space: nowrap;
+}
+
+.bookmark-section {
+  margin: 1.4rem 0 1.8rem;
+}
+
+.bookmark-section h2 {
+  margin: 0 0 .35rem;
+  font-size: 1.15rem;
+}
+
+/* Linked todo markers --------------------------------------------------- */
+.wiki-todo {
+  text-decoration: none;
+}
+
+.wiki-todo:hover {
+  text-decoration: underline;
+}
+
+.todo-item-target {
+  background: #fff3a3;
+  outline: 2px solid #e1c75a;
+  outline-offset: 2px;
+}