Fossil SCM
Adjust padding in /chat CSS to eliminate an unsightly dead zone between the chat area scrollbar and the right side of the page, as reported in /chat.
Commit
46ec28aca9d584a9711aee81c40216dcdab5d5ff8f689772b72f91049a96f53d
Parent
356a4845b3b7f3f…
1 file changed
+7
-1
+7
-1
| --- src/style.chat.css | ||
| +++ src/style.chat.css | ||
| @@ -175,11 +175,13 @@ | ||
| 175 | 175 | body.chat #load-msg-toolbar > div > button { |
| 176 | 176 | flex: 1 1 auto; |
| 177 | 177 | } |
| 178 | 178 | /* "Chat-only mode" hides the site header/footer, showing only |
| 179 | 179 | the chat app. */ |
| 180 | -body.chat.chat-only-mode{} | |
| 180 | +body.chat.chat-only-mode{ | |
| 181 | + padding: 0; | |
| 182 | +} | |
| 181 | 183 | body.chat #chat-button-settings {} |
| 182 | 184 | /** Popup widget for the /chat settings. */ |
| 183 | 185 | body.chat .chat-settings-popup { |
| 184 | 186 | font-size: 0.8em; |
| 185 | 187 | text-align: left; |
| @@ -271,10 +273,14 @@ | ||
| 271 | 273 | display: flex; |
| 272 | 274 | flex-direction: row; |
| 273 | 275 | align-items: stretch; |
| 274 | 276 | flex-wrap: nowrap; |
| 275 | 277 | } |
| 278 | +body.chat.chat-only-mode #chat-input-line-wrapper { | |
| 279 | + padding: 0 0.25em; | |
| 280 | +} | |
| 281 | + | |
| 276 | 282 | /*body.chat #chat-input-line-wrapper:not(.compact) { |
| 277 | 283 | flex-wrap: nowrap; |
| 278 | 284 | }*/ |
| 279 | 285 | body.chat #chat-input-line-wrapper.compact { |
| 280 | 286 | /* "The problem" with wrapping, together with a contenteditable input |
| 281 | 287 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -175,11 +175,13 @@ | |
| 175 | body.chat #load-msg-toolbar > div > button { |
| 176 | flex: 1 1 auto; |
| 177 | } |
| 178 | /* "Chat-only mode" hides the site header/footer, showing only |
| 179 | the chat app. */ |
| 180 | body.chat.chat-only-mode{} |
| 181 | body.chat #chat-button-settings {} |
| 182 | /** Popup widget for the /chat settings. */ |
| 183 | body.chat .chat-settings-popup { |
| 184 | font-size: 0.8em; |
| 185 | text-align: left; |
| @@ -271,10 +273,14 @@ | |
| 271 | display: flex; |
| 272 | flex-direction: row; |
| 273 | align-items: stretch; |
| 274 | flex-wrap: nowrap; |
| 275 | } |
| 276 | /*body.chat #chat-input-line-wrapper:not(.compact) { |
| 277 | flex-wrap: nowrap; |
| 278 | }*/ |
| 279 | body.chat #chat-input-line-wrapper.compact { |
| 280 | /* "The problem" with wrapping, together with a contenteditable input |
| 281 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -175,11 +175,13 @@ | |
| 175 | body.chat #load-msg-toolbar > div > button { |
| 176 | flex: 1 1 auto; |
| 177 | } |
| 178 | /* "Chat-only mode" hides the site header/footer, showing only |
| 179 | the chat app. */ |
| 180 | body.chat.chat-only-mode{ |
| 181 | padding: 0; |
| 182 | } |
| 183 | body.chat #chat-button-settings {} |
| 184 | /** Popup widget for the /chat settings. */ |
| 185 | body.chat .chat-settings-popup { |
| 186 | font-size: 0.8em; |
| 187 | text-align: left; |
| @@ -271,10 +273,14 @@ | |
| 273 | display: flex; |
| 274 | flex-direction: row; |
| 275 | align-items: stretch; |
| 276 | flex-wrap: nowrap; |
| 277 | } |
| 278 | body.chat.chat-only-mode #chat-input-line-wrapper { |
| 279 | padding: 0 0.25em; |
| 280 | } |
| 281 | |
| 282 | /*body.chat #chat-input-line-wrapper:not(.compact) { |
| 283 | flex-wrap: nowrap; |
| 284 | }*/ |
| 285 | body.chat #chat-input-line-wrapper.compact { |
| 286 | /* "The problem" with wrapping, together with a contenteditable input |
| 287 |