From 044c816621892378582d969646276a569ac4eb06 Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY
Date: Fri, 12 Nov 2010 20:01:03 +0100
Subject: [PATCH 1/1] browser: hover description and notes
---
base.css | 22 ++++++++++++++++++++++
browser.plp | 13 +++++++++++--
2 files changed, 33 insertions(+), 2 deletions(-)
diff --git a/base.css b/base.css
index b053b1c..4c01d2b 100644
--- a/base.css
+++ b/base.css
@@ -554,6 +554,28 @@ ul.legend-set li {
padding: 0 0.2em;
}
+/* page-specific */
+
+#browser .aside {
+ font-size: 80%;
+ overflow: hidden;
+ height: 0;
+ -webkit-transition: all 1s ease-in;
+ -o-transition: all 1s ease-in;
+ -moz-transition: all 1s ease-in;
+ transition: height 1s ease-in;
+}
+#browser .aside p {
+ margin: 1ex 0;
+}
+#browser tr:hover .aside {
+ height: auto;
+ min-height: 5ex; /* browsers currently only transition to static values */
+}
+#browser td.X {
+ white-space: nowrap; /* some browsers break on dashes */
+}
+
/* printing hints */
@page {
diff --git a/browser.plp b/browser.plp
index 4a18cb4..fc04389 100644
--- a/browser.plp
+++ b/browser.plp
@@ -20,6 +20,7 @@ Html({
with Wikimedia
browser usage statistics.
+
<:
my $caniuse = do 'browser-support.inc.pl' or die $! || $@;
@@ -144,7 +145,14 @@ for my $id (sort {
my $cell = $_ ? lc $_->[0] : '-';
print '
', $cell;
}
- printf ' | %s', $row->{description}, $row->{title};
+ print ' | ', $row->{title};
+ print '';
+ s/\.?$/./, print " $_ " for map { ref $_ ? @$_ : $_ || () }
+ $row->{description}, $row->{notes};
+ printf 'Resources: %s.', join(', ',
+ map { qq( $_->{title}) } @$_
+ ) for $row->{links} // ();
+ print ' ';
for ($row->{status}) {
my $cell = $_ // '-';
$cell = sprintf '%s', $_, $cell for $row->{spec} // ();
@@ -199,7 +207,8 @@ sub showversions {
return join('â', @span);
}
-:>
+:>
+
--
2.30.2
|