aboutsummaryrefslogtreecommitdiff
path: root/html
diff options
context:
space:
mode:
authorBen Harris <bjh21@bjh21.me.uk>2022-11-28 22:49:30 +0000
committerBen Harris <bjh21@bjh21.me.uk>2022-11-28 22:49:30 +0000
commite8cdac58e551f5c4444a6ff293eaad8e4923856e (patch)
tree61fe8a1a3144d72c201561168b3583430cf1adf1 /html
parent4be221ba4917d00a15d115b7f85557b6ab6fa4d0 (diff)
downloadpuzzles-e8cdac58e551f5c4444a6ff293eaad8e4923856e.zip
puzzles-e8cdac58e551f5c4444a6ff293eaad8e4923856e.tar.gz
puzzles-e8cdac58e551f5c4444a6ff293eaad8e4923856e.tar.bz2
puzzles-e8cdac58e551f5c4444a6ff293eaad8e4923856e.tar.xz
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.
Diffstat (limited to 'html')
-rwxr-xr-xhtml/jspage.pl3
1 files changed, 2 insertions, 1 deletions
diff --git a/html/jspage.pl b/html/jspage.pl
index 2a1af66..03e3912 100755
--- a/html/jspage.pl
+++ b/html/jspage.pl
@@ -246,8 +246,9 @@ EOF
#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;