diff --git a/style.css b/style.css index 833367a..370ae9c 100644 --- a/style.css +++ b/style.css @@ -36,22 +36,15 @@ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:b --zeitfresser-toc-width: 230px; } -.zeitfresser-article-heading{ - display:flex; - align-items:flex-start; - gap:0; -} - -.zeitfresser-toc-toggle, -.zeitfresser-floating-toc__close{ - display:none !important; -} - .zeitfresser-floating-toc{ position:fixed; top:calc(var(--zeitfresser-toc-top, 100px) + var(--zeitfresser-toc-top-offset, 0px)) !important; left:var(--zeitfresser-toc-left, 24px) !important; width:var(--zeitfresser-toc-width) !important; + + opacity:0 !important; + transition:opacity .2s ease !important; + max-height:calc(100vh - var(--zeitfresser-toc-top, 100px) - var(--zeitfresser-toc-top-offset, 0px) - 36px) !important; padding:0 !important; border:none !important; @@ -61,12 +54,15 @@ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:b backdrop-filter:none !important; box-shadow:none !important; overflow:hidden !important; - opacity:1 !important; transform:none !important; pointer-events:auto !important; z-index:80; } +.zeitfresser-floating-toc.is-ready{ + opacity:1 !important; +} + .zeitfresser-floating-toc__header{ display:block !important; margin:0 0 10px !important;