Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
Overview
| Comment: | Remove skin-installed div.content max-width limitations when running in chat-only mode, and expand to the full width. |
|---|---|
| Downloads: | Tarball | ZIP archive |
| Timelines: | family | ancestors | descendants | both | chat-safari-breaks-here |
| Files: | files | file ages | folders |
| SHA3-256: |
b0ab6cbd3b51690af0504d8b91710f47 |
| User & Date: | stephan 2020-12-27 00:27:52.287 |
References
|
2020-12-27
| ||
| 04:50 | chat: reintegrated partial changes from [b0ab6cbd3] and [670732a6]: remove skin-induced div.content margins in chat-only mode and cap image preview size to avoid screen overflow. Moved #dbgMessage element out of the way at app startup to avoid it potentially influencing our flexbox layout, and include that element in the to-hide list for chat-only mode. Edit: Martin G. reports that this one also causes Grief with Safari, but in different ways that before. ... (Closed-Leaf check-in: 7c3cf7a189 user: stephan tags: no-joy) | |
Context
|
2020-12-27
| ||
| 00:32 | Force bottom-up chat mode, now that the toggle is removed but it might still be set in some localStorage storage. ... (Closed-Leaf check-in: a6650eb776 user: stephan tags: chat-safari-breaks-here) | |
| 00:27 | Remove skin-installed div.content max-width limitations when running in chat-only mode, and expand to the full width. ... (check-in: b0ab6cbd3b user: stephan tags: chat-safari-breaks-here) | |
| 00:22 | Disabled the top-down/bottom-up chat toggle, per chat discussion. Removed explicit setting of div.content margins, in chat,except in chat-only mode, so that we honor skin-level margin settings (resolves layout breakage in Xekri skin). ... (check-in: 22b0faad3a user: stephan tags: chat-safari-breaks-here) | |
Changes
Changes to src/default.css.
| ︙ | ︙ | |||
1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 |
max-height: 85vh /* rough approximate */;
}
body.chat.chat-bottom-up div.content {
flex-direction: column-reverse;
}
body.chat.chat-only-mode div.content {
max-height: 95vh/*larger than approx. this is too big for Firefox on Android*/;
margin: 0;
}
/* Wrapper for /chat user input controls */
body.chat #chat-input-area {
display: flex;
flex-direction: column;
border-bottom: 1px solid black;
padding: 0.5em 1em 0 0.5em;
| > > > > | 1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 |
max-height: 85vh /* rough approximate */;
}
body.chat.chat-bottom-up div.content {
flex-direction: column-reverse;
}
body.chat.chat-only-mode div.content {
max-height: 95vh/*larger than approx. this is too big for Firefox on Android*/;
/* Some skins set margins and a max-width on div.content, but we
needn't(?) honor those in chat-only mode. */
margin: 0;
width: 100%;
max-width: 100%;
}
/* Wrapper for /chat user input controls */
body.chat #chat-input-area {
display: flex;
flex-direction: column;
border-bottom: 1px solid black;
padding: 0.5em 1em 0 0.5em;
|
| ︙ | ︙ |