Fix folds

1 files changed, 48 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 283a633..c723494 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -833,3 +833,51 @@ tbody tr:last-child td {
     text-align: right;
     font-family: monospace
 }
+
+.section-fold {
+    position: relative;
+    max-height: 400px;
+    overflow: hidden;
+    transition: max-height .5s ease-in-out;
+    border-bottom: 2px solid #ccc
+}
+
+.section-fold::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 80px;
+    background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
+    pointer-events: none;
+    transition: opacity .3s
+}
+
+.section-fold.expanded {
+    max-height: none;
+    border-bottom: none
+}
+
+.section-fold.expanded::after {
+    opacity: 0
+}
+
+.fold-toggle {
+    display: block;
+    margin: 10px auto;
+    padding: 5px 15px;
+    font-family: "Bitstream Vera Sans",sans-serif;
+    font-size: 9px;
+    text-transform: uppercase;
+    font-weight: 700;
+    background: #f0f0f0;
+    border: 1px solid #666;
+    box-shadow: 2px 2px 0#ccc;
+    cursor: pointer
+}
+
+.fold-toggle:hover {
+    background-color: #eee;
+    color: #2e8b57
+}