[PATCH] style/worg.css: Display TOC on top

[PATCH] style/worg.css: Display TOC on top

[Ihor Radchenko]

[-- Attachment #1: Type: text/plain, Size: 174 bytes --]

I noticed a small glitch in https://orgmode.org/worg/dev/org-syntax.html

When TOC is expanded, the page notes are displayed on top of the TOC.
See the attached screenshot.


[-- Attachment #2: 2022-04-16_13-03.png --]
[-- Type: image/png, Size: 186713 bytes --]

[-- Attachment #3: Type: text/plain, Size: 218 bytes --]


AFAIU, the problem is related to worg CSS. style/worg.css sets z-index
to the same value for all the elements making rendering dependent on the
defined element order.

The attached patch fixes the issue.

Best,
Ihor


[-- Warning: decoded text below may be mangled, UTF-8 assumed --]
[-- Attachment #4: 0001-style-worg.css-Display-TOC-on-top.patch --]
[-- Type: text/x-patch, Size: 779 bytes --]

From 4da10584bd8bb356a980678aaebf77bb46133c81 Mon Sep 17 00:00:00 2001
Message-Id: <4da10584bd8bb356a980678aaebf77bb46133c81.1650099192.git.yantar92@gmail.com>
From: Ihor Radchenko <yantar92@gmail.com>
Date: Sat, 16 Apr 2022 16:51:55 +0800
Subject: [PATCH] style/worg.css: Display TOC on top

* style/worg.css (@media all #table-of-contents): Avoid page text
being shown on top of TOC overlay.
---
 style/worg.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/style/worg.css b/style/worg.css
index c2572895..30cadb1b 100644
--- a/style/worg.css
+++ b/style/worg.css
@@ -73,6 +73,7 @@
 
     /* TOC inspired by http://jashkenas.github.com/coffee-script */
     #table-of-contents {
+	z-index: 1;
 	margin-top: 105px;
 	font-size: 10pt;
 	font-family:sans-serif;
-- 
2.35.1

Re: [PATCH] style/worg.css: Display TOC on top

[Ihor Radchenko]

Ihor Radchenko <yantar92@gmail.com> writes:

>
> The attached patch fixes the issue.

Applied as 8d7d0c77