Fossil SCM
CSS to attempt to work around Safari mobile shrinking the recent activity fieldset to smaller than its content.
Commit
fced72da8610bd49307e17d171782685f13d32f277541132d2ea5549207c8456
Parent
097733c0e90459b…
1 file changed
+2
+2
| --- src/style.chat.css | ||
| +++ src/style.chat.css | ||
| @@ -324,10 +324,11 @@ | ||
| 324 | 324 | flex: 0 1 auto; |
| 325 | 325 | margin: 0.25em 0; |
| 326 | 326 | } |
| 327 | 327 | |
| 328 | 328 | body.chat #chat-user-list-wrapper { |
| 329 | + flex: 1 1 auto/*attempt to work around Safari mobile bug*/; | |
| 329 | 330 | border-radius: 0.5em; |
| 330 | 331 | margin: 0.3em 0 0.2em 0; |
| 331 | 332 | padding: 0.25em 0.5em; |
| 332 | 333 | font-size: 85%; |
| 333 | 334 | border-width: 1px/*some skins remove fieldset borders*/; |
| @@ -339,10 +340,11 @@ | ||
| 339 | 340 | body.chat #chat-user-list { |
| 340 | 341 | display: flex; |
| 341 | 342 | flex-direction: row; |
| 342 | 343 | flex-wrap: wrap; |
| 343 | 344 | align-items: center; |
| 345 | + min-height: fit-content/*attempt to work around Safari mobile*/; | |
| 344 | 346 | } |
| 345 | 347 | body.chat #chat-user-list .help-buttonlet { |
| 346 | 348 | margin: 0.2em 0.5em 0.2em 0; |
| 347 | 349 | } |
| 348 | 350 | body.chat #chat-user-list .chat-user { |
| 349 | 351 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -324,10 +324,11 @@ | |
| 324 | flex: 0 1 auto; |
| 325 | margin: 0.25em 0; |
| 326 | } |
| 327 | |
| 328 | body.chat #chat-user-list-wrapper { |
| 329 | border-radius: 0.5em; |
| 330 | margin: 0.3em 0 0.2em 0; |
| 331 | padding: 0.25em 0.5em; |
| 332 | font-size: 85%; |
| 333 | border-width: 1px/*some skins remove fieldset borders*/; |
| @@ -339,10 +340,11 @@ | |
| 339 | body.chat #chat-user-list { |
| 340 | display: flex; |
| 341 | flex-direction: row; |
| 342 | flex-wrap: wrap; |
| 343 | align-items: center; |
| 344 | } |
| 345 | body.chat #chat-user-list .help-buttonlet { |
| 346 | margin: 0.2em 0.5em 0.2em 0; |
| 347 | } |
| 348 | body.chat #chat-user-list .chat-user { |
| 349 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -324,10 +324,11 @@ | |
| 324 | flex: 0 1 auto; |
| 325 | margin: 0.25em 0; |
| 326 | } |
| 327 | |
| 328 | body.chat #chat-user-list-wrapper { |
| 329 | flex: 1 1 auto/*attempt to work around Safari mobile bug*/; |
| 330 | border-radius: 0.5em; |
| 331 | margin: 0.3em 0 0.2em 0; |
| 332 | padding: 0.25em 0.5em; |
| 333 | font-size: 85%; |
| 334 | border-width: 1px/*some skins remove fieldset borders*/; |
| @@ -339,10 +340,11 @@ | |
| 340 | body.chat #chat-user-list { |
| 341 | display: flex; |
| 342 | flex-direction: row; |
| 343 | flex-wrap: wrap; |
| 344 | align-items: center; |
| 345 | min-height: fit-content/*attempt to work around Safari mobile*/; |
| 346 | } |
| 347 | body.chat #chat-user-list .help-buttonlet { |
| 348 | margin: 0.2em 0.5em 0.2em 0; |
| 349 | } |
| 350 | body.chat #chat-user-list .chat-user { |
| 351 |