emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
From: Ihor Radchenko <yantar92@gmail.com>
To: emacs-orgmode@gnu.org
Subject: [PATCH] style/worg.css: Display TOC on top
Date: Sat, 16 Apr 2022 20:02:55 +0800	[thread overview]
Message-ID: <8735idnsls.fsf@localhost> (raw)

[-- 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


             reply	other threads:[~2022-04-16 12:03 UTC|newest]

Thread overview: 2+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2022-04-16 12:02 Ihor Radchenko [this message]
2022-05-08  7:09 ` [PATCH] style/worg.css: Display TOC on top Ihor Radchenko

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

  List information: https://www.orgmode.org/

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=8735idnsls.fsf@localhost \
    --to=yantar92@gmail.com \
    --cc=emacs-orgmode@gnu.org \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
Code repositories for project(s) associated with this public inbox

	https://git.savannah.gnu.org/cgit/emacs/org-mode.git

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).