Fossil SCM
Micro-adjustments to /chat CSS to squeeze a tiny bit more space from the bottom of the screen.
Commit
62deb8f794905c4e54aeda81955981e59a00d82369d18a8dac507d1dda7980fd
Parent
593d3a3a1e5455a…
2 files changed
+1
-1
+2
-2
+1
-1
| --- src/chat.js | ||
| +++ src/chat.js | ||
| @@ -74,11 +74,11 @@ | ||
| 74 | 74 | ht = wh - extra; |
| 75 | 75 | } |
| 76 | 76 | f.contentArea.style.height = |
| 77 | 77 | f.contentArea.style.maxHeight = [ |
| 78 | 78 | "calc(", (ht>=100 ? ht : 100), "px", |
| 79 | - " - 1em"/*fudge value*/,")" | |
| 79 | + " - 0.75em"/*fudge value*/,")" | |
| 80 | 80 | /* ^^^^ hypothetically not needed, but both Chrome/FF on |
| 81 | 81 | Linux will force scrollbars on the body if this value is |
| 82 | 82 | too small (<0.75em in my tests). */ |
| 83 | 83 | ].join(''); |
| 84 | 84 | if(false){ |
| 85 | 85 |
| --- src/chat.js | |
| +++ src/chat.js | |
| @@ -74,11 +74,11 @@ | |
| 74 | ht = wh - extra; |
| 75 | } |
| 76 | f.contentArea.style.height = |
| 77 | f.contentArea.style.maxHeight = [ |
| 78 | "calc(", (ht>=100 ? ht : 100), "px", |
| 79 | " - 1em"/*fudge value*/,")" |
| 80 | /* ^^^^ hypothetically not needed, but both Chrome/FF on |
| 81 | Linux will force scrollbars on the body if this value is |
| 82 | too small (<0.75em in my tests). */ |
| 83 | ].join(''); |
| 84 | if(false){ |
| 85 |
| --- src/chat.js | |
| +++ src/chat.js | |
| @@ -74,11 +74,11 @@ | |
| 74 | ht = wh - extra; |
| 75 | } |
| 76 | f.contentArea.style.height = |
| 77 | f.contentArea.style.maxHeight = [ |
| 78 | "calc(", (ht>=100 ? ht : 100), "px", |
| 79 | " - 0.75em"/*fudge value*/,")" |
| 80 | /* ^^^^ hypothetically not needed, but both Chrome/FF on |
| 81 | Linux will force scrollbars on the body if this value is |
| 82 | too small (<0.75em in my tests). */ |
| 83 | ].join(''); |
| 84 | if(false){ |
| 85 |
+2
-2
| --- src/style.chat.css | ||
| +++ src/style.chat.css | ||
| @@ -202,11 +202,11 @@ | ||
| 202 | 202 | display: flex; |
| 203 | 203 | flex-direction: column; |
| 204 | 204 | padding: 0.5em 0 0 0; |
| 205 | 205 | border-bottom: none; |
| 206 | 206 | border-top: 1px solid black; |
| 207 | - margin: 0.5em 0; | |
| 207 | + margin: 0.5em 0 0 0; | |
| 208 | 208 | position: initial /*sticky currently disabled due to scrolling-related issues*/; |
| 209 | 209 | bottom: 0; |
| 210 | 210 | } |
| 211 | 211 | body.chat:not(.chat-only-mode) #chat-input-area{ |
| 212 | 212 | /* Safari user reports that 2em is necessary to keep the file selection |
| @@ -265,11 +265,11 @@ | ||
| 265 | 265 | body.chat #chat-input-file-area { |
| 266 | 266 | display: flex; |
| 267 | 267 | flex-direction: row; |
| 268 | 268 | align-items: center; |
| 269 | 269 | flex-wrap: wrap; |
| 270 | - margin-bottom: 0.25em 0 0 0 /* avoid nudging input area */; | |
| 270 | + margin: 0.25em 0 0 0 /* avoid nudging input area */; | |
| 271 | 271 | } |
| 272 | 272 | body.chat #chat-input-file-area > .file-selection-wrapper { |
| 273 | 273 | align-self: flex-start; |
| 274 | 274 | margin-right: 0.5em; |
| 275 | 275 | flex: 0 1 auto; |
| 276 | 276 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -202,11 +202,11 @@ | |
| 202 | display: flex; |
| 203 | flex-direction: column; |
| 204 | padding: 0.5em 0 0 0; |
| 205 | border-bottom: none; |
| 206 | border-top: 1px solid black; |
| 207 | margin: 0.5em 0; |
| 208 | position: initial /*sticky currently disabled due to scrolling-related issues*/; |
| 209 | bottom: 0; |
| 210 | } |
| 211 | body.chat:not(.chat-only-mode) #chat-input-area{ |
| 212 | /* Safari user reports that 2em is necessary to keep the file selection |
| @@ -265,11 +265,11 @@ | |
| 265 | body.chat #chat-input-file-area { |
| 266 | display: flex; |
| 267 | flex-direction: row; |
| 268 | align-items: center; |
| 269 | flex-wrap: wrap; |
| 270 | margin-bottom: 0.25em 0 0 0 /* avoid nudging input area */; |
| 271 | } |
| 272 | body.chat #chat-input-file-area > .file-selection-wrapper { |
| 273 | align-self: flex-start; |
| 274 | margin-right: 0.5em; |
| 275 | flex: 0 1 auto; |
| 276 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -202,11 +202,11 @@ | |
| 202 | display: flex; |
| 203 | flex-direction: column; |
| 204 | padding: 0.5em 0 0 0; |
| 205 | border-bottom: none; |
| 206 | border-top: 1px solid black; |
| 207 | margin: 0.5em 0 0 0; |
| 208 | position: initial /*sticky currently disabled due to scrolling-related issues*/; |
| 209 | bottom: 0; |
| 210 | } |
| 211 | body.chat:not(.chat-only-mode) #chat-input-area{ |
| 212 | /* Safari user reports that 2em is necessary to keep the file selection |
| @@ -265,11 +265,11 @@ | |
| 265 | body.chat #chat-input-file-area { |
| 266 | display: flex; |
| 267 | flex-direction: row; |
| 268 | align-items: center; |
| 269 | flex-wrap: wrap; |
| 270 | margin: 0.25em 0 0 0 /* avoid nudging input area */; |
| 271 | } |
| 272 | body.chat #chat-input-file-area > .file-selection-wrapper { |
| 273 | align-self: flex-start; |
| 274 | margin-right: 0.5em; |
| 275 | flex: 0 1 auto; |
| 276 |