--- /dev/null
+Return-Path: <wking@tremily.us>\r
+X-Original-To: notmuch@notmuchmail.org\r
+Delivered-To: notmuch@notmuchmail.org\r
+Received: from localhost (localhost [127.0.0.1])\r
+ by olra.theworths.org (Postfix) with ESMTP id 0ED6E429E39\r
+ for <notmuch@notmuchmail.org>; Mon, 3 Feb 2014 03:01:22 -0800 (PST)\r
+X-Virus-Scanned: Debian amavisd-new at olra.theworths.org\r
+X-Amavis-Alert: BAD HEADER SECTION, Duplicate header field: "References"\r
+X-Spam-Flag: NO\r
+X-Spam-Score: 0\r
+X-Spam-Level: \r
+X-Spam-Status: No, score=0 tagged_above=-999 required=5\r
+ tests=[DKIM_SIGNED=0.1, DKIM_VALID=-0.1, RCVD_IN_DNSWL_NONE=-0.0001]\r
+ autolearn=disabled\r
+Received: from olra.theworths.org ([127.0.0.1])\r
+ by localhost (olra.theworths.org [127.0.0.1]) (amavisd-new, port 10024)\r
+ with ESMTP id 3SwRkF6JHdFF for <notmuch@notmuchmail.org>;\r
+ Mon, 3 Feb 2014 03:01:15 -0800 (PST)\r
+Received: from qmta09.westchester.pa.mail.comcast.net\r
+ (qmta09.westchester.pa.mail.comcast.net [76.96.62.96])\r
+ by olra.theworths.org (Postfix) with ESMTP id 5ED83431FDB\r
+ for <notmuch@notmuchmail.org>; Mon, 3 Feb 2014 03:00:47 -0800 (PST)\r
+Received: from omta06.westchester.pa.mail.comcast.net ([76.96.62.51])\r
+ by qmta09.westchester.pa.mail.comcast.net with comcast\r
+ id Mn0E1n00516LCl059n0myQ; Mon, 03 Feb 2014 11:00:46 +0000\r
+Received: from odin.tremily.us ([24.18.63.50])\r
+ by omta06.westchester.pa.mail.comcast.net with comcast\r
+ id Mn0l1n00p152l3L3Sn0mjA; Mon, 03 Feb 2014 11:00:46 +0000\r
+Received: from mjolnir.tremily.us (unknown [192.168.0.140])\r
+ by odin.tremily.us (Postfix) with ESMTPS id A2D49FB4D63;\r
+ Mon, 3 Feb 2014 03:00:45 -0800 (PST)\r
+Received: (nullmailer pid 716 invoked by uid 1000);\r
+ Mon, 03 Feb 2014 10:59:42 -0000\r
+From: "W. Trevor King" <wking@tremily.us>\r
+To: notmuch@notmuchmail.org\r
+Subject: [PATCH 17/17] nmbug-status: Color threads in HTML output\r
+Date: Mon, 3 Feb 2014 02:59:35 -0800\r
+Message-Id:\r
+ <d1dcf421ebf092e0e247acaedd6a0d0168b83073.1391424512.git.wking@tremily.us>\r
+X-Mailer: git-send-email 1.8.5.2.8.g0f6c0d1\r
+In-Reply-To: <cover.1391424512.git.wking@tremily.us>\r
+References: <cover.1391424512.git.wking@tremily.us>\r
+In-Reply-To: <cover.1391424512.git.wking@tremily.us>\r
+References: <cover.1391424512.git.wking@tremily.us>\r
+DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=comcast.net;\r
+ s=q20121106; t=1391425246;\r
+ bh=rB6hcxHENRH544GZz+amuY/2PGFzSEfouPR2fTv1f90=;\r
+ h=Received:Received:Received:Received:From:To:Subject:Date:\r
+ Message-Id;\r
+ b=mtD4FNMjii2Dvx5jEvD0obzqj8C0XjDzZOrW48wv6GbZF+/mU6XbAxyd0myKyBvIT\r
+ 0RusQZpSHrN6NJoTWl54I6/eLKQRxrynMHJij1O6yrXhQnRpbwszEQcTtIm4Tu/BZP\r
+ +HZT02BjrODm38JtC4EQpZPNbx1tIEGqkgyBQczv8OcVd2QNzO5UgW3NnnN0pLjwy/\r
+ 8MmHXPuHMgvHMNnm1WfXK5Dwa7UuwwRm67nkJQefTPIQNUKl/3MWc5a5kI8w6L03OE\r
+ +UiiXB5tgVryuz56F3i4DREkwQd10wdY6bRrmkiiAH1DLuW6Qg4/NsY28K5CrBck3J\r
+ STIUKCiORFjKg==\r
+X-BeenThere: notmuch@notmuchmail.org\r
+X-Mailman-Version: 2.1.13\r
+Precedence: list\r
+List-Id: "Use and development of the notmuch mail system."\r
+ <notmuch.notmuchmail.org>\r
+List-Unsubscribe: <http://notmuchmail.org/mailman/options/notmuch>,\r
+ <mailto:notmuch-request@notmuchmail.org?subject=unsubscribe>\r
+List-Archive: <http://notmuchmail.org/pipermail/notmuch>\r
+List-Post: <mailto:notmuch@notmuchmail.org>\r
+List-Help: <mailto:notmuch-request@notmuchmail.org?subject=help>\r
+List-Subscribe: <http://notmuchmail.org/mailman/listinfo/notmuch>,\r
+ <mailto:notmuch-request@notmuchmail.org?subject=subscribe>\r
+X-List-Received-Date: Mon, 03 Feb 2014 11:01:22 -0000\r
+\r
+Add tbody sections so we don't have to color every row. Multiple\r
+tbody sections are allowed [1]. Use CSS 3's nth-child to handle\r
+even/odd coloring (skipping the spacer rows) [2], which is supported\r
+on the major browsers [3].\r
+\r
+border-spacing is from CCS 2.1 [4,5]. I'm using it to avoid\r
+whitespace between td cells.\r
+\r
+border-radius is from CCS 3 [6,7]. I'm using it to make the colored\r
+sections a bit less harsh. I tried adding rounded borders to the\r
+tbody itself doesn't work, but I couldn't get that to work without\r
+setting the tbody's display to 'block'. That rounded the corners, but\r
+collapsed the cell spacing (e.g. columns were no longer aligned).\r
+This commit's by-corner-td approach is not particularly elegant, but\r
+it works. The td padding entries just ensure that the cell body is\r
+suitably far from the edges that it doesn't fall outside of the\r
+rounded corners.\r
+\r
+The doubled-braces are escapes from Python's str.format.\r
+\r
+[1]: http://www.w3.org/TR/html5/tabular-data.html#the-table-element\r
+[2]: http://www.w3.org/TR/css3-selectors/#nth-child-pseudo\r
+[3]: https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child#Browser_compatibility\r
+[4]: http://www.w3.org/TR/CSS2/tables.html#propdef-border-spacing\r
+[5]: https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing#Browser_compatibility\r
+[6]: http://www.w3.org/TR/css3-background/#the-border-radius\r
+[7]: https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#Browser_compatibility\r
+---\r
+ devel/nmbug/nmbug-status | 52 ++++++++++++++++++++++++++++++++++++++----------\r
+ 1 file changed, 41 insertions(+), 11 deletions(-)\r
+\r
+diff --git a/devel/nmbug/nmbug-status b/devel/nmbug/nmbug-status\r
+index 21fb481..f1adf65 100755\r
+--- a/devel/nmbug/nmbug-status\r
++++ b/devel/nmbug/nmbug-status\r
+@@ -183,19 +183,22 @@ class HtmlPage (Page):\r
+ return\r
+ stream.write('<table>\n')\r
+ for thread in threads:\r
++ stream.write(' <tbody>\n')\r
+ for message_display_data in thread:\r
+ stream.write((\r
+- '<tr>\n'\r
+- ' <td>{date}</td>\n'\r
+- ' <td><code>{message-id-term}</code></td>\n'\r
+- '</tr>\n'\r
+- '<tr>\n'\r
+- ' <td>{from}</td>\n'\r
+- ' <td>{subject}</td>\n'\r
+- '</tr>\n'\r
++ ' <tr>\n'\r
++ ' <td>{date}</td>\n'\r
++ ' <td><code>{message-id-term}</code></td>\n'\r
++ ' </tr>\n'\r
++ ' <tr>\n'\r
++ ' <td>{from}</td>\n'\r
++ ' <td>{subject}</td>\n'\r
++ ' </tr>\n'\r
+ ).format(**message_display_data))\r
++ stream.write(' </tbody>\n')\r
+ if thread != threads[-1]:\r
+- stream.write('<tr><td colspan="2"><br /></td></tr>\n')\r
++ stream.write(\r
++ ' <tbody><tr><td colspan="2"><br /></td></tr></tbody>\n')\r
+ stream.write('</table>\n')\r
+ \r
+ def _message_display_data(self, *args, **kwargs):\r
+@@ -218,8 +221,35 @@ _PAGES['html'] = HtmlPage(\r
+ header='''<!DOCTYPE html>\r
+ <html lang="en">\r
+ <head>\r
+-<meta http-equiv="Content-Type" content="text/html; charset={encoding}" />\r
+-<title>Notmuch Patches</title>\r
++ <meta http-equiv="Content-Type" content="text/html; charset={encoding}" />\r
++ <title>Notmuch Patches</title>\r
++ <style media="screen" type="text/css">\r
++ table {{\r
++ border-spacing: 0;\r
++ }}\r
++ td {{\r
++ padding-left: 1em;\r
++ padding-right: 1em;\r
++ }}\r
++ tr:first-child td:first-child {{\r
++ border-top-left-radius: 1em;\r
++ }}\r
++ tr:first-child td:last-child {{\r
++ border-top-right-radius: 1em;\r
++ }}\r
++ tr:last-child td:first-child {{\r
++ border-bottom-left-radius: 1em;\r
++ }}\r
++ tr:last-child td:last-child {{\r
++ border-bottom-right-radius: 1em;\r
++ }}\r
++ tbody:nth-child(4n+1) tr td {{\r
++ background-color: #EFF;\r
++ }}\r
++ tbody:nth-child(4n+3) tr td {{\r
++ background-color: #FEF;\r
++ }}\r
++ </style>\r
+ </head>\r
+ <body>\r
+ <h2>Notmuch Patches</h2>\r
+-- \r
+1.8.5.2.8.g0f6c0d1\r
+\r
projects / notmuch-archives.git / commitdiff