Fossil SCM
CSS tweak to make long hashes wrap in narrow /chat views.
Commit
8a401c209f4b07183b5ec5a88cea0442935b22f1dd5fce7ad911e84caa2b4b7c
Parent
e7a5b98583dfceb…
1 file changed
+2
+2
| --- src/style.chat.css | ||
| +++ src/style.chat.css | ||
| @@ -37,11 +37,13 @@ | ||
| 37 | 37 | padding: 0.25em 0.5em; |
| 38 | 38 | margin-top: 0; |
| 39 | 39 | min-width: 9em /*avoid unsightly "underlap" with the neighboring |
| 40 | 40 | .message-widget-tab element*/; |
| 41 | 41 | white-space: normal; |
| 42 | + word-break: break-word /* so that full hashes wrap on narrow screens */; | |
| 42 | 43 | } |
| 44 | + | |
| 43 | 45 | body.chat .message-widget-content.wide { |
| 44 | 46 | /* Special case for when embedding content which we really want to |
| 45 | 47 | expand, namely iframes. */ |
| 46 | 48 | width: 98%; |
| 47 | 49 | } |
| 48 | 50 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -37,11 +37,13 @@ | |
| 37 | padding: 0.25em 0.5em; |
| 38 | margin-top: 0; |
| 39 | min-width: 9em /*avoid unsightly "underlap" with the neighboring |
| 40 | .message-widget-tab element*/; |
| 41 | white-space: normal; |
| 42 | } |
| 43 | body.chat .message-widget-content.wide { |
| 44 | /* Special case for when embedding content which we really want to |
| 45 | expand, namely iframes. */ |
| 46 | width: 98%; |
| 47 | } |
| 48 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -37,11 +37,13 @@ | |
| 37 | padding: 0.25em 0.5em; |
| 38 | margin-top: 0; |
| 39 | min-width: 9em /*avoid unsightly "underlap" with the neighboring |
| 40 | .message-widget-tab element*/; |
| 41 | white-space: normal; |
| 42 | word-break: break-word /* so that full hashes wrap on narrow screens */; |
| 43 | } |
| 44 | |
| 45 | body.chat .message-widget-content.wide { |
| 46 | /* Special case for when embedding content which we really want to |
| 47 | expand, namely iframes. */ |
| 48 | width: 98%; |
| 49 | } |
| 50 |