Fossil SCM
Eliminated extraneous gap at the bottom of the page caused by the empty file attachment preview element. Tweaked that element's layout a bit when it is visible.
Commit
bca3d7f405f754c54b7ddc99f2ee2589d255e99df038ac7ca4575fbf720b6006
Parent
042fe8771f0fd50…
1 file changed
+3
-4
+3
-4
| --- src/style.chat.css | ||
| +++ src/style.chat.css | ||
| @@ -328,12 +328,10 @@ | ||
| 328 | 328 | /* Widget holding the file selection control and preview */ |
| 329 | 329 | body.chat #chat-input-file-area { |
| 330 | 330 | display: flex; |
| 331 | 331 | flex-direction: row; |
| 332 | 332 | margin: 0; |
| 333 | - justify-content: flex-end; | |
| 334 | - align-items: center; | |
| 335 | 333 | } |
| 336 | 334 | body.chat #chat-input-file-area > .file-selection-wrapper { |
| 337 | 335 | align-self: flex-start; |
| 338 | 336 | margin-right: 0.5em; |
| 339 | 337 | flex: 0 1 auto; |
| @@ -352,14 +350,15 @@ | ||
| 352 | 350 | body.chat #chat-input-file.dragover { |
| 353 | 351 | border: 1px dashed green; |
| 354 | 352 | } |
| 355 | 353 | /* Widget holding the details of a selected/dropped file/image. */ |
| 356 | 354 | body.chat #chat-drop-details { |
| 357 | - padding: 0.5em 1em; | |
| 358 | - margin-left: 0.5em; | |
| 355 | + padding: 0 1em; | |
| 359 | 356 | white-space: pre; |
| 360 | 357 | font-family: monospace; |
| 358 | + margin: auto; | |
| 359 | + flex: 0; | |
| 361 | 360 | } |
| 362 | 361 | |
| 363 | 362 | body.chat #chat-drop-details img { |
| 364 | 363 | max-width: 45%; |
| 365 | 364 | max-height: 45%; |
| 366 | 365 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -328,12 +328,10 @@ | |
| 328 | /* Widget holding the file selection control and preview */ |
| 329 | body.chat #chat-input-file-area { |
| 330 | display: flex; |
| 331 | flex-direction: row; |
| 332 | margin: 0; |
| 333 | justify-content: flex-end; |
| 334 | align-items: center; |
| 335 | } |
| 336 | body.chat #chat-input-file-area > .file-selection-wrapper { |
| 337 | align-self: flex-start; |
| 338 | margin-right: 0.5em; |
| 339 | flex: 0 1 auto; |
| @@ -352,14 +350,15 @@ | |
| 352 | body.chat #chat-input-file.dragover { |
| 353 | border: 1px dashed green; |
| 354 | } |
| 355 | /* Widget holding the details of a selected/dropped file/image. */ |
| 356 | body.chat #chat-drop-details { |
| 357 | padding: 0.5em 1em; |
| 358 | margin-left: 0.5em; |
| 359 | white-space: pre; |
| 360 | font-family: monospace; |
| 361 | } |
| 362 | |
| 363 | body.chat #chat-drop-details img { |
| 364 | max-width: 45%; |
| 365 | max-height: 45%; |
| 366 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -328,12 +328,10 @@ | |
| 328 | /* Widget holding the file selection control and preview */ |
| 329 | body.chat #chat-input-file-area { |
| 330 | display: flex; |
| 331 | flex-direction: row; |
| 332 | margin: 0; |
| 333 | } |
| 334 | body.chat #chat-input-file-area > .file-selection-wrapper { |
| 335 | align-self: flex-start; |
| 336 | margin-right: 0.5em; |
| 337 | flex: 0 1 auto; |
| @@ -352,14 +350,15 @@ | |
| 350 | body.chat #chat-input-file.dragover { |
| 351 | border: 1px dashed green; |
| 352 | } |
| 353 | /* Widget holding the details of a selected/dropped file/image. */ |
| 354 | body.chat #chat-drop-details { |
| 355 | padding: 0 1em; |
| 356 | white-space: pre; |
| 357 | font-family: monospace; |
| 358 | margin: auto; |
| 359 | flex: 0; |
| 360 | } |
| 361 | |
| 362 | body.chat #chat-drop-details img { |
| 363 | max-width: 45%; |
| 364 | max-height: 45%; |
| 365 |