shithub: puzzles

Download patch

ref: e8cdac58e551f5c4444a6ff293eaad8e4923856e
parent: 4be221ba4917d00a15d115b7f85557b6ab6fa4d0
author: Ben Harris <bjh21@bjh21.me.uk>
date: Mon Nov 28 17:49:30 EST 2022

js: Don't word-wrap the status bar

With word-wrapping disabled, long status-bar texts fall off the
right-hand end rather than wrapping onto an invisible second line.
This is less confusing because it makes the overflow more obvious.
I've also turned on "text-overflow: ellipsis" for extra obviousness.
Finally, this also the need to explicitly set the height of the status
bar, not that that was doing any harm.

--- a/html/jspage.pl
+++ b/html/jspage.pl
@@ -246,8 +246,9 @@
 
 #statusbar {
     overflow: hidden;
-    height: 1.2em;
     text-align: left;
+    white-space: nowrap;
+    text-overflow: ellipsis;
     background: #d8d8d8;
     border-left: 2px solid #c8c8c8;
     border-top: 2px solid #c8c8c8;