git.shiar.nl
/
sheet.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
a9c93a1
)
browser: hover description and notes
author
Mischa POSLAWSKY
<perl@shiar.org>
Fri, 12 Nov 2010 19:01:03 +0000
(20:01 +0100)
committer
Mischa POSLAWSKY
<perl@shiar.org>
Fri, 12 Nov 2010 19:01:03 +0000
(20:01 +0100)
base.css
patch
|
blob
|
history
browser.plp
patch
|
blob
|
history
diff --git
a/base.css
b/base.css
index b053b1c3794ebe654a093b990ad58d6fc0852ab3..4c01d2b0b24f20d8becc5e70387cedfe3b3aead7 100644
(file)
--- a/
base.css
+++ b/
base.css
@@
-554,6
+554,28
@@
ul.legend-set li {
padding: 0 0.2em;
}
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 {
/* printing hints */
@page {
diff --git
a/browser.plp
b/browser.plp
index 4a18cb419ad3e36bbd7c953ccbc52bbcd849d70c..fc04389c7df2c95d6e7b598258b0d0dd7de847f6 100644
(file)
--- a/
browser.plp
+++ b/
browser.plp
@@
-20,6
+20,7
@@
Html({
with <a href="http://stats.wikimedia.org/archive/squid_reports/">Wikimedia</a>
browser usage statistics.</p>
with <a href="http://stats.wikimedia.org/archive/squid_reports/">Wikimedia</a>
browser usage statistics.</p>
+<div id="browser">
<:
my $caniuse = do 'browser-support.inc.pl' or die $! || $@;
<:
my $caniuse = do 'browser-support.inc.pl' or die $! || $@;
@@
-144,7
+145,14
@@
for my $id (sort {
my $cell = $_ ? lc $_->[0] : '-';
print '<th>', $cell;
}
my $cell = $_ ? lc $_->[0] : '-';
print '<th>', $cell;
}
- printf '<td title="%s">%s', $row->{description}, $row->{title};
+ print '<td>', $row->{title};
+ print '<div class=aside>';
+ s/\.?$/./, print "<p>$_</p>" for map { ref $_ ? @$_ : $_ || () }
+ $row->{description}, $row->{notes};
+ printf 'Resources: %s.', join(', ',
+ map { qq(<a href="$_->{url}">$_->{title}</a>) } @$_
+ ) for $row->{links} // ();
+ print '</div>';
for ($row->{status}) {
my $cell = $_ // '-';
$cell = sprintf '<a href="%s">%s</a>', $_, $cell for $row->{spec} // ();
for ($row->{status}) {
my $cell = $_ // '-';
$cell = sprintf '<a href="%s">%s</a>', $_, $cell for $row->{spec} // ();
@@
-199,7
+207,8
@@
sub showversions {
return join('‒', @span);
}
return join('‒', @span);
}
-:>
+:></div>
+
<hr>
<div class="legend">
<hr>
<div class="legend">