Molecule 7/7: ansible_remote_tmp fix

2026-09-10 09:37:39 +02:00
parent a62b6d36f8
commit bb3ce30b1a
29 changed files with 591 additions and 23 deletions
@@ -73,6 +73,115 @@ header {
  }
 }

+/* ---- Suche (Pagefind) ---- */
+.search {
+  position: relative;
+  flex: 1 1 auto;
+  max-width: 360px;
+  min-width: 160px;
+
+  input[type="search"] {
+    width: 100%;
+    padding: 0.45rem 0.9rem;
+    font-size: 0.9rem;
+    font-family: inherit;
+    color: var(--text);
+    background: var(--card);
+    border: 1px solid var(--border);
+    border-radius: 999px;
+    outline: none;
+    transition: border-color 0.15s, box-shadow 0.15s;
+
+    &::placeholder { color: var(--muted); }
+
+    &:focus {
+      border-color: var(--accent);
+      box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 20%, transparent);
+    }
+
+    &::-webkit-search-cancel-button { cursor: pointer; }
+  }
+}
+
+.search-results {
+  position: absolute;
+  top: calc(100% + 0.5rem);
+  left: 0;
+  right: 0;
+  z-index: 50;
+  max-height: 70vh;
+  overflow-y: auto;
+  background: var(--card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 0.5rem;
+  box-shadow: 0 12px 32px oklch(0 0 0 / 0.18);
+
+  &[hidden] { display: none; }
+}
+
+.search-item {
+  display: block;
+  padding: 0.6rem 0.75rem;
+  border-radius: calc(var(--radius) - 2px);
+  text-decoration: none;
+
+  &:hover { background: var(--card-h); }
+}
+
+.search-title {
+  display: block;
+  color: var(--text);
+  font-weight: 600;
+  font-size: 0.9rem;
+}
+
+.search-excerpt {
+  display: block;
+  color: var(--muted);
+  font-size: 0.8rem;
+  margin-top: 0.15rem;
+  line-height: 1.5;
+
+  mark {
+    background: color-mix(in oklab, var(--accent) 30%, transparent);
+    color: var(--text);
+    border-radius: 2px;
+    padding: 0 0.1em;
+  }
+}
+
+.search-sub {
+  list-style: none;
+  margin: 0.25rem 0 0.5rem;
+  padding-left: 0.75rem;
+  border-left: 2px solid var(--border);
+
+  li {
+    margin: 0.15rem 0;
+
+    a {
+      display: block;
+      padding: 0.25rem 0.5rem;
+      border-radius: calc(var(--radius) - 2px);
+      color: var(--muted);
+      font-size: 0.8rem;
+      text-decoration: none;
+
+      &:hover { background: var(--card-h); color: var(--text); }
+    }
+
+    .search-excerpt { font-size: 0.75rem; }
+  }
+}
+
+.search-empty {
+  padding: 0.75rem;
+  color: var(--muted);
+  font-size: 0.85rem;
+  text-align: center;
+}
+
 /* ---- Footer ---- */
 footer {
  margin-top: 3rem;