Fossil SCM
Remove skin-installed div.content max-width limitations when running in chat-only mode, and expand to the full width.
Commit
b0ab6cbd3b51690af0504d8b91710f47cdadfa5cc4c2f6baa45951ac1a747d6b
Parent
22b0faad3a7c7eb…
1 file changed
+4
+4
| --- src/default.css | ||
| +++ src/default.css | ||
| @@ -1664,11 +1664,15 @@ | ||
| 1664 | 1664 | body.chat.chat-bottom-up div.content { |
| 1665 | 1665 | flex-direction: column-reverse; |
| 1666 | 1666 | } |
| 1667 | 1667 | body.chat.chat-only-mode div.content { |
| 1668 | 1668 | max-height: 95vh/*larger than approx. this is too big for Firefox on Android*/; |
| 1669 | + /* Some skins set margins and a max-width on div.content, but we | |
| 1670 | + needn't(?) honor those in chat-only mode. */ | |
| 1669 | 1671 | margin: 0; |
| 1672 | + width: 100%; | |
| 1673 | + max-width: 100%; | |
| 1670 | 1674 | } |
| 1671 | 1675 | /* Wrapper for /chat user input controls */ |
| 1672 | 1676 | body.chat #chat-input-area { |
| 1673 | 1677 | display: flex; |
| 1674 | 1678 | flex-direction: column; |
| 1675 | 1679 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -1664,11 +1664,15 @@ | |
| 1664 | body.chat.chat-bottom-up div.content { |
| 1665 | flex-direction: column-reverse; |
| 1666 | } |
| 1667 | body.chat.chat-only-mode div.content { |
| 1668 | max-height: 95vh/*larger than approx. this is too big for Firefox on Android*/; |
| 1669 | margin: 0; |
| 1670 | } |
| 1671 | /* Wrapper for /chat user input controls */ |
| 1672 | body.chat #chat-input-area { |
| 1673 | display: flex; |
| 1674 | flex-direction: column; |
| 1675 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -1664,11 +1664,15 @@ | |
| 1664 | body.chat.chat-bottom-up div.content { |
| 1665 | flex-direction: column-reverse; |
| 1666 | } |
| 1667 | body.chat.chat-only-mode div.content { |
| 1668 | max-height: 95vh/*larger than approx. this is too big for Firefox on Android*/; |
| 1669 | /* Some skins set margins and a max-width on div.content, but we |
| 1670 | needn't(?) honor those in chat-only mode. */ |
| 1671 | margin: 0; |
| 1672 | width: 100%; |
| 1673 | max-width: 100%; |
| 1674 | } |
| 1675 | /* Wrapper for /chat user input controls */ |
| 1676 | body.chat #chat-input-area { |
| 1677 | display: flex; |
| 1678 | flex-direction: column; |
| 1679 |