From a08412d83465dec5c3fdf7fdccf3d1f31d6064a3 Mon Sep 17 00:00:00 2001 From: "Jakob L. Kreuze" Date: Sat, 14 Feb 2026 12:36:55 -0500 Subject: Fix folds --- static/css/style.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) (limited to 'static/css') 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 +} -- cgit v1.3