chars: enlarge glyph on row hover

diff --git a/base.css b/base.css
index 8ab767c1b2450b4c2a5d25f84286e394f529c771..d014b6197f56bacdadc3989a454b75b1790eb994 100644 (file)
--- a/base.css
+++ b/base.css
@@ -262,7 +262,7 @@ td.joinl {
 th,
 tfoot td,
 thead td {
-       border: 0;
+       border-width: 0;
        background: transparent;
 }
 .glyphs thead td {

diff --git a/chars.plp b/chars.plp
index f9af5df7ce65348fd107f9252e5cfef55d363733..d4cf06beb480889549f60b1c0164ba89bb8d6abe 100644 (file)
--- a/chars.plp
+++ b/chars.plp
@@ -8,6 +8,15 @@ Html({
        '],
        stylesheet => [qw'light dark mono circus red'],
        data => [qw( unicode-cover.inc.pl ttfsupport unicode-char.inc.pl )],
+       raw => <<'EOT',
+<style>
+       tbody tr:hover th {
+               font-size: 300%;
+               min-width: 1.2em;
+               border-width: 1px;
+       }
+</style>
+EOT
 });
 
 use Shiar_Sheet::FormatChar;