lvwerra HF Staff commited on
Commit
5be51f7
·
verified ·
1 Parent(s): 1b64a1b

Messages column: account for body padding-bottom in sticky height

Browse files
Files changed (1) hide show
  1. 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 - 48px);
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; }