git.shiar.nl
/
sheet.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
dieren: constant cell width for any gallery table
[sheet.git]
/
dieren.plp
diff --git
a/dieren.plp
b/dieren.plp
index 477f3ac191c924f9841712be84aeb690dd3ded8e..8abcdfdbd28835213669fe1cfe6c3679d5ecf2d5 100644
(file)
--- a/
dieren.plp
+++ b/
dieren.plp
@@
-39,30
+39,21
@@
Html({
'],
raw => <<'EOT',
<style>
'],
raw => <<'EOT',
<style>
-table {
- width: 100%;
-}
-th {
- width: 1%; /* min-content */
-}
-td {
- width: 15%; /* 1fr */
- vertical-align: top;
-}
figure[hidden] {
figure[hidden] {
+ opacity: 0; /* secret */
transition: opacity 1s 0s;
transition: opacity 1s 0s;
- display: inline;
- opacity: 0;
+ display: block;
}
figure[hidden]:hover {
opacity: 1;
transition-delay: 1s;
}
}
figure[hidden]:hover {
opacity: 1;
transition-delay: 1s;
}
+figure[hidden]:hover > figcaption {
+ transition-delay: 2s;
+}
@media (max-width: 60em) {
@media (max-width: 60em) {
- figcaption {
- position: static;
- padding: 0;
+ td, th {
font-size: 50%;
}
figcaption small {
font-size: 50%;
}
figcaption small {
@@
-71,9
+62,6
@@
figure[hidden]:hover {
th:first-child {
display: none;
}
th:first-child {
display: none;
}
- th {
- font-size: 50%;
- }
}
</style>
EOT
}
</style>
EOT
@@
-148,7
+136,7
@@
if (exists $get{r}) {
}
}
}
}
-say '<table>';
+say '<table
class="gallery"
>';
while (my $name = shift @table) {
if ($name =~ s/^#// and !$pageinfo->{prefix}) {
while ($name = shift @table) {
while (my $name = shift @table) {
if ($name =~ s/^#// and !$pageinfo->{prefix}) {
while ($name = shift @table) {