Fossil SCM
/chat narrowed the compact-mode buttons - they were too wide for an iPhone screen. Should fit fine on screens as narrow as 340 pixels now.
Commit
f4d2eca021037dee8b779f84a7140086e6faba2597626ba87c5bde74f476d07e
Parent
7755c6482b257be…
1 file changed
+3
-3
+3
-3
| --- src/style.chat.css | ||
| +++ src/style.chat.css | ||
| @@ -281,18 +281,18 @@ | ||
| 281 | 281 | body.chat #chat-buttons-wrapper > .cbutton:hover { |
| 282 | 282 | background-color: rgba(200,200,200,0.3); |
| 283 | 283 | } |
| 284 | 284 | body.chat #chat-input-line.compact #chat-buttons-wrapper > .cbutton { |
| 285 | 285 | margin: 2px 0.125em 0 0.125em; |
| 286 | - min-width: 8ex; | |
| 287 | - max-width: 8ex; | |
| 286 | + min-width: 6ex; | |
| 287 | + max-width: 6ex; | |
| 288 | 288 | min-height: 2.3ex; |
| 289 | 289 | max-height: 2.3ex; |
| 290 | 290 | font-size: 120%; |
| 291 | 291 | } |
| 292 | 292 | body.chat #chat-input-line.compact #chat-buttons-wrapper #chat-button-submit { |
| 293 | - min-width: 16ex; | |
| 293 | + min-width: 12ex; | |
| 294 | 294 | } |
| 295 | 295 | body.chat #chat-input-line:not(.compact) #chat-input-field { |
| 296 | 296 | /*border-left-style: double; |
| 297 | 297 | border-left-width: 3px; |
| 298 | 298 | border-right-style: double; |
| 299 | 299 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -281,18 +281,18 @@ | |
| 281 | body.chat #chat-buttons-wrapper > .cbutton:hover { |
| 282 | background-color: rgba(200,200,200,0.3); |
| 283 | } |
| 284 | body.chat #chat-input-line.compact #chat-buttons-wrapper > .cbutton { |
| 285 | margin: 2px 0.125em 0 0.125em; |
| 286 | min-width: 8ex; |
| 287 | max-width: 8ex; |
| 288 | min-height: 2.3ex; |
| 289 | max-height: 2.3ex; |
| 290 | font-size: 120%; |
| 291 | } |
| 292 | body.chat #chat-input-line.compact #chat-buttons-wrapper #chat-button-submit { |
| 293 | min-width: 16ex; |
| 294 | } |
| 295 | body.chat #chat-input-line:not(.compact) #chat-input-field { |
| 296 | /*border-left-style: double; |
| 297 | border-left-width: 3px; |
| 298 | border-right-style: double; |
| 299 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -281,18 +281,18 @@ | |
| 281 | body.chat #chat-buttons-wrapper > .cbutton:hover { |
| 282 | background-color: rgba(200,200,200,0.3); |
| 283 | } |
| 284 | body.chat #chat-input-line.compact #chat-buttons-wrapper > .cbutton { |
| 285 | margin: 2px 0.125em 0 0.125em; |
| 286 | min-width: 6ex; |
| 287 | max-width: 6ex; |
| 288 | min-height: 2.3ex; |
| 289 | max-height: 2.3ex; |
| 290 | font-size: 120%; |
| 291 | } |
| 292 | body.chat #chat-input-line.compact #chat-buttons-wrapper #chat-button-submit { |
| 293 | min-width: 12ex; |
| 294 | } |
| 295 | body.chat #chat-input-line:not(.compact) #chat-input-field { |
| 296 | /*border-left-style: double; |
| 297 | border-left-width: 3px; |
| 298 | border-right-style: double; |
| 299 |