COPY docuservix

2026-06-16 13:58:03 +03:00
parent 40be006560
commit c35ae8a8ee
10 changed files with 1350 additions and 0 deletions
@@ -0,0 +1,150 @@
+.container {
+    position: relative;
+    display: flex;
+    align-items: center;
+}
+
+.input {
+    width: 200px;
+    height: 32px;
+    padding: 0 32px 0 12px;
+    color: var(--ifm-font-color-base);
+    font-size: var(--ifm-font-size-base);
+    background: var(--ifm-background-surface-color);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: var(--ifm-global-radius);
+    outline: none;
+    transition:
+        width 0.2s ease,
+        border-color 0.2s ease;
+}
+
+.input:focus {
+    width: 280px;
+    border-color: var(--ifm-color-primary);
+}
+
+.spinner {
+    position: absolute;
+    right: 8px;
+    width: 14px;
+    height: 14px;
+    border: 2px solid var(--ifm-color-emphasis-300);
+    border-top-color: var(--ifm-color-primary);
+    border-radius: 50%;
+    animation: spin 0.6s linear infinite;
+    pointer-events: none;
+}
+
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+.dropdown {
+    position: absolute;
+    top: calc(100% + 6px);
+    right: 0;
+    z-index: 100;
+    min-width: 320px;
+    max-width: 480px;
+    max-height: 400px;
+    overflow-y: auto;
+    background: var(--ifm-background-surface-color);
+    border: 1px solid var(--ifm-color-emphasis-300);
+    border-radius: var(--ifm-global-radius);
+    box-shadow: var(--ifm-global-shadow-md);
+}
+
+.item {
+    display: block;
+    padding: 10px 14px;
+    color: var(--ifm-font-color-base);
+    text-decoration: none;
+    border-bottom: 1px solid var(--ifm-color-emphasis-200);
+}
+
+.item:last-child {
+    border-bottom: none;
+}
+
+.item:hover {
+    color: var(--ifm-color-primary);
+    text-decoration: none;
+    background: var(--ifm-color-emphasis-100);
+}
+
+.selectedItem {
+    color: var(--ifm-color-primary);
+    background: var(--ifm-color-emphasis-100);
+    outline: 2px solid var(--ifm-color-primary-light);
+    outline-offset: -2px;
+}
+
+.itemHeading {
+    margin-bottom: 2px;
+    font-weight: var(--ifm-font-weight-semibold);
+    font-size: 0.9rem;
+}
+
+.badge {
+    display: inline-block;
+    padding: 1px 6px;
+    color: var(--ifm-color-emphasis-700);
+    font-weight: normal;
+    font-size: 0.65rem;
+    letter-spacing: 0.04em;
+    white-space: nowrap;
+    text-transform: uppercase;
+    background: var(--ifm-color-emphasis-200);
+    border-radius: 999px;
+}
+
+.itemFile {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    margin-bottom: 4px;
+    color: var(--ifm-color-emphasis-600);
+    font-size: 0.75rem;
+}
+
+.itemScore {
+    margin-left: auto;
+    color: var(--ifm-color-emphasis-500);
+    font-size: 0.7rem;
+    white-space: nowrap;
+}
+
+.itemContent {
+    display: -webkit-box;
+    overflow: hidden;
+    color: var(--ifm-color-emphasis-700);
+    font-size: 0.8rem;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+.empty {
+    padding: 12px 14px;
+    color: var(--ifm-color-emphasis-600);
+    font-size: 0.875rem;
+    text-align: center;
+}
+
+.notice {
+    padding: 8px 14px;
+    color: var(--ifm-color-info-dark);
+    font-size: 0.8rem;
+    background: var(--ifm-color-info-contrast-background);
+    border-top: 1px solid var(--ifm-color-emphasis-200);
+}
+
+.errorBadge {
+    padding: 8px 14px;
+    color: var(--ifm-color-warning-dark);
+    font-size: 0.8rem;
+    background: var(--ifm-color-warning-contrast-background);
+    border-bottom: 1px solid var(--ifm-color-emphasis-200);
+}