Fossil SCM
Made monospace the default because that setting now also applies to the input area and this chat is often used for conveying code. Accounted for a couple bits of skin-specific weirdness.
Commit
f9e2851a998b29ea6d18cbc3b40aac381c2ac89f423a420faad86ba85d513fd5
Parent
d96f6f195cd87ea…
3 files changed
+2
-2
+1
-1
+5
+2
-2
| --- skins/xekri/css.txt | ||
| +++ skins/xekri/css.txt | ||
| @@ -1155,12 +1155,12 @@ | ||
| 1155 | 1155 | } |
| 1156 | 1156 | |
| 1157 | 1157 | body.chat div.header, body.chat div.footer, |
| 1158 | 1158 | body.chat div.mainmenu, body.chat div.submenu, |
| 1159 | 1159 | body.chat div.content { |
| 1160 | - margin-left: auto; | |
| 1161 | - margin-right: auto; | |
| 1160 | + margin-left: 0.5em; | |
| 1161 | + margin-right: 0.5em; | |
| 1162 | 1162 | margin-top: auto/*eliminates unnecessary scrollbars*/; |
| 1163 | 1163 | } |
| 1164 | 1164 | body.chat.chat-only-mode div.content { |
| 1165 | 1165 | max-width: revert; |
| 1166 | 1166 | } |
| 1167 | 1167 |
| --- skins/xekri/css.txt | |
| +++ skins/xekri/css.txt | |
| @@ -1155,12 +1155,12 @@ | |
| 1155 | } |
| 1156 | |
| 1157 | body.chat div.header, body.chat div.footer, |
| 1158 | body.chat div.mainmenu, body.chat div.submenu, |
| 1159 | body.chat div.content { |
| 1160 | margin-left: auto; |
| 1161 | margin-right: auto; |
| 1162 | margin-top: auto/*eliminates unnecessary scrollbars*/; |
| 1163 | } |
| 1164 | body.chat.chat-only-mode div.content { |
| 1165 | max-width: revert; |
| 1166 | } |
| 1167 |
| --- skins/xekri/css.txt | |
| +++ skins/xekri/css.txt | |
| @@ -1155,12 +1155,12 @@ | |
| 1155 | } |
| 1156 | |
| 1157 | body.chat div.header, body.chat div.footer, |
| 1158 | body.chat div.mainmenu, body.chat div.submenu, |
| 1159 | body.chat div.content { |
| 1160 | margin-left: 0.5em; |
| 1161 | margin-right: 0.5em; |
| 1162 | margin-top: auto/*eliminates unnecessary scrollbars*/; |
| 1163 | } |
| 1164 | body.chat.chat-only-mode div.content { |
| 1165 | max-width: revert; |
| 1166 | } |
| 1167 |
+1
-1
| --- src/fossil.page.chat.js | ||
| +++ src/fossil.page.chat.js | ||
| @@ -377,11 +377,11 @@ | ||
| 377 | 377 | }, |
| 378 | 378 | defaults:{ |
| 379 | 379 | "images-inline": !!F.config.chat.imagesInline, |
| 380 | 380 | "edit-ctrl-send": false, |
| 381 | 381 | "edit-compact-mode": true, |
| 382 | - "monospace-messages": false, | |
| 382 | + "monospace-messages": true, | |
| 383 | 383 | "chat-only-mode": false, |
| 384 | 384 | "audible-alert": true, |
| 385 | 385 | "active-user-list": false, |
| 386 | 386 | "active-user-list-timestamps": false |
| 387 | 387 | } |
| 388 | 388 |
| --- src/fossil.page.chat.js | |
| +++ src/fossil.page.chat.js | |
| @@ -377,11 +377,11 @@ | |
| 377 | }, |
| 378 | defaults:{ |
| 379 | "images-inline": !!F.config.chat.imagesInline, |
| 380 | "edit-ctrl-send": false, |
| 381 | "edit-compact-mode": true, |
| 382 | "monospace-messages": false, |
| 383 | "chat-only-mode": false, |
| 384 | "audible-alert": true, |
| 385 | "active-user-list": false, |
| 386 | "active-user-list-timestamps": false |
| 387 | } |
| 388 |
| --- src/fossil.page.chat.js | |
| +++ src/fossil.page.chat.js | |
| @@ -377,11 +377,11 @@ | |
| 377 | }, |
| 378 | defaults:{ |
| 379 | "images-inline": !!F.config.chat.imagesInline, |
| 380 | "edit-ctrl-send": false, |
| 381 | "edit-compact-mode": true, |
| 382 | "monospace-messages": true, |
| 383 | "chat-only-mode": false, |
| 384 | "audible-alert": true, |
| 385 | "active-user-list": false, |
| 386 | "active-user-list-timestamps": false |
| 387 | } |
| 388 |
+5
| --- src/style.chat.css | ||
| +++ src/style.chat.css | ||
| @@ -10,10 +10,14 @@ | ||
| 10 | 10 | display: flex; |
| 11 | 11 | flex-direction: column; |
| 12 | 12 | border: none; |
| 13 | 13 | align-items: flex-start; |
| 14 | 14 | } |
| 15 | +body.chat button, | |
| 16 | +body.chat input[type=button] { | |
| 17 | + line-height: inherit/*undo skin-specific funkiness*/; | |
| 18 | +} | |
| 15 | 19 | body.chat .message-widget:last-of-type { |
| 16 | 20 | /* Latest message: reduce bottom gap */ |
| 17 | 21 | margin-bottom: 0.1em; |
| 18 | 22 | } |
| 19 | 23 | body.chat.my-messages-right .message-widget.mine { |
| @@ -233,10 +237,11 @@ | ||
| 233 | 237 | margin-top: 0.25em; |
| 234 | 238 | } |
| 235 | 239 | body.chat #chat-edit-buttons > * { |
| 236 | 240 | flex: 1 1 auto; |
| 237 | 241 | padding: initial/*some skins mess this up for buttons*/; |
| 242 | + line-height: inherit/*undo skin funkiness*/; | |
| 238 | 243 | } |
| 239 | 244 | body.chat #chat-input-line:not(.compact) #chat-edit-buttons > * { |
| 240 | 245 | max-width: 4em; |
| 241 | 246 | max-height: 4em; |
| 242 | 247 | margin: 0.25em; |
| 243 | 248 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -10,10 +10,14 @@ | |
| 10 | display: flex; |
| 11 | flex-direction: column; |
| 12 | border: none; |
| 13 | align-items: flex-start; |
| 14 | } |
| 15 | body.chat .message-widget:last-of-type { |
| 16 | /* Latest message: reduce bottom gap */ |
| 17 | margin-bottom: 0.1em; |
| 18 | } |
| 19 | body.chat.my-messages-right .message-widget.mine { |
| @@ -233,10 +237,11 @@ | |
| 233 | margin-top: 0.25em; |
| 234 | } |
| 235 | body.chat #chat-edit-buttons > * { |
| 236 | flex: 1 1 auto; |
| 237 | padding: initial/*some skins mess this up for buttons*/; |
| 238 | } |
| 239 | body.chat #chat-input-line:not(.compact) #chat-edit-buttons > * { |
| 240 | max-width: 4em; |
| 241 | max-height: 4em; |
| 242 | margin: 0.25em; |
| 243 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -10,10 +10,14 @@ | |
| 10 | display: flex; |
| 11 | flex-direction: column; |
| 12 | border: none; |
| 13 | align-items: flex-start; |
| 14 | } |
| 15 | body.chat button, |
| 16 | body.chat input[type=button] { |
| 17 | line-height: inherit/*undo skin-specific funkiness*/; |
| 18 | } |
| 19 | body.chat .message-widget:last-of-type { |
| 20 | /* Latest message: reduce bottom gap */ |
| 21 | margin-bottom: 0.1em; |
| 22 | } |
| 23 | body.chat.my-messages-right .message-widget.mine { |
| @@ -233,10 +237,11 @@ | |
| 237 | margin-top: 0.25em; |
| 238 | } |
| 239 | body.chat #chat-edit-buttons > * { |
| 240 | flex: 1 1 auto; |
| 241 | padding: initial/*some skins mess this up for buttons*/; |
| 242 | line-height: inherit/*undo skin funkiness*/; |
| 243 | } |
| 244 | body.chat #chat-input-line:not(.compact) #chat-edit-buttons > * { |
| 245 | max-width: 4em; |
| 246 | max-height: 4em; |
| 247 | margin: 0.25em; |
| 248 |