Messages column: account for body padding-bottom in sticky height
Browse files- static/index.html +4 -2
static/index.html
CHANGED
|
@@ -205,10 +205,12 @@
|
|
| 205 |
}
|
| 206 |
|
| 207 |
/* --- Messages (right column) --- */
|
| 208 |
-
/* Sticky chat that fills the available viewport height.
|
|
|
|
|
|
|
| 209 |
.messages-col {
|
| 210 |
position: sticky; top: 24px;
|
| 211 |
-
height: calc(100vh -
|
| 212 |
display: flex; flex-direction: column;
|
| 213 |
}
|
| 214 |
.messages-col .section-title { flex: 0 0 auto; }
|
|
|
|
| 205 |
}
|
| 206 |
|
| 207 |
/* --- Messages (right column) --- */
|
| 208 |
+
/* Sticky chat that fills the available viewport height.
|
| 209 |
+
100vh − top sticky offset (24px) − body padding-bottom (64px) so the
|
| 210 |
+
composer never falls off-screen. */
|
| 211 |
.messages-col {
|
| 212 |
position: sticky; top: 24px;
|
| 213 |
+
height: calc(100vh - 88px);
|
| 214 |
display: flex; flex-direction: column;
|
| 215 |
}
|
| 216 |
.messages-col .section-title { flex: 0 0 auto; }
|