SF.net SVN: docutils:[10264 ] trunk/docutils

Revision: 10264
          http://sourceforge.net/p/docutils/code/10264
Author:   milde
Date:     2025-11-28 13:51:41 +0000 (Fri, 28 Nov 2025)
Log Message:
-----------
Fixes for the "responsive" CSS style sheet.

Modified Paths:
--------------
    trunk/docutils/HISTORY.rst
    trunk/docutils/docutils/writers/html5_polyglot/responsive.css

Modified: trunk/docutils/HISTORY.rst
===================================================================
--- trunk/docutils/HISTORY.rst	2025-11-28 13:51:32 UTC (rev 10263)
+++ trunk/docutils/HISTORY.rst	2025-11-28 13:51:41 UTC (rev 10264)
@@ -24,7 +24,15 @@
     auxiliary elements belonging to several categories (e.g. `nodes.Root`
     and `nodes.BodyElements`) as parents of topics or sidebars.
 
+* docutils/writers/html5_polyglot/responsive.css
 
+  - Increase indentation of enumerated lists to fit 2-digit numerals
+    and of bullet lists to keep them looking similar.
+  - Use "top" instead of "baseline" for the vertical alignment in table
+    rows. ("Baseline" fails if one cell contains certain body elements,
+    e.g. a figure or a table with caption.)
+
+
 Release 0.22.3 (2025-11-06)
 ===========================
 

Modified: trunk/docutils/docutils/writers/html5_polyglot/responsive.css
===================================================================
--- trunk/docutils/docutils/writers/html5_polyglot/responsive.css	2025-11-28 13:51:32 UTC (rev 10263)
+++ trunk/docutils/docutils/writers/html5_polyglot/responsive.css	2025-11-28 13:51:41 UTC (rev 10264)
@@ -134,13 +134,12 @@
 
 /* Lists */
 
+ul, ol {
+  padding-left: 2em; /* allow for 2-digit numbers */
+}
 dl.field-list.narrow {
   --field-indent: 2.4em;
 }
-
-ul, ol {
-  padding-left: 1.1em; /* indent by bullet width (Firefox, DejaVu fonts) */
-}
 dl.field-list > dd,
 dl.docinfo > dd {
   margin-left: var(--field-indent); /* adapted in media queries or HTML */
@@ -204,7 +203,7 @@
 
 table tr {
   text-align: left;
-  vertical-align: baseline;
+  vertical-align: top;
 }
 td *:first-child { margin-top: 0; }
 td *:last-child { margin-bottom: 0; }

This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.