Spaces:
Sleeping
Sleeping
hide previous analysis css accordion
Browse files- static/style.css +55 -0
static/style.css
CHANGED
@@ -625,4 +625,59 @@ button:hover {
|
|
625 |
.enhance-problem-button.disabled {
|
626 |
opacity: 0.6;
|
627 |
cursor: not-allowed;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
628 |
}
|
|
|
625 |
.enhance-problem-button.disabled {
|
626 |
opacity: 0.6;
|
627 |
cursor: not-allowed;
|
628 |
+
}
|
629 |
+
|
630 |
+
/* Accordion styles for collapsible search results */
|
631 |
+
.accordion-section {
|
632 |
+
margin-bottom: 20px;
|
633 |
+
border: 1px solid var(--gray-300);
|
634 |
+
border-radius: 8px;
|
635 |
+
overflow: hidden;
|
636 |
+
background-color: white;
|
637 |
+
}
|
638 |
+
|
639 |
+
.accordion-header {
|
640 |
+
background-color: var(--gray-100);
|
641 |
+
padding: 10px 15px;
|
642 |
+
cursor: pointer;
|
643 |
+
display: flex;
|
644 |
+
justify-content: space-between;
|
645 |
+
align-items: center;
|
646 |
+
font-weight: 500;
|
647 |
+
border-bottom: 1px solid var(--gray-300);
|
648 |
+
}
|
649 |
+
|
650 |
+
.accordion-header:hover {
|
651 |
+
background-color: var(--gray-200);
|
652 |
+
}
|
653 |
+
|
654 |
+
.accordion-header .toggle-icon {
|
655 |
+
transition: transform 0.3s ease;
|
656 |
+
}
|
657 |
+
|
658 |
+
.accordion-header.collapsed .toggle-icon {
|
659 |
+
transform: rotate(-90deg);
|
660 |
+
}
|
661 |
+
|
662 |
+
.accordion-body {
|
663 |
+
transition: max-height 0.5s ease;
|
664 |
+
max-height: none; /* Changed from 2000px to none to allow full height */
|
665 |
+
overflow: hidden;
|
666 |
+
}
|
667 |
+
|
668 |
+
.accordion-body.collapsed {
|
669 |
+
max-height: 0;
|
670 |
+
padding: 0;
|
671 |
+
border-top: none;
|
672 |
+
}
|
673 |
+
|
674 |
+
/* Add padding to accordion content for better readability */
|
675 |
+
.accordion-content {
|
676 |
+
padding: 15px;
|
677 |
+
}
|
678 |
+
|
679 |
+
.query-timestamp {
|
680 |
+
font-size: 12px;
|
681 |
+
color: var(--gray-500);
|
682 |
+
margin-left: 10px;
|
683 |
}
|