diff --git a/server/public/home.html b/server/public/home.html index 07be1dc..61cf672 100644 --- a/server/public/home.html +++ b/server/public/home.html @@ -645,6 +645,9 @@ .composer-row .sendbtn{flex:0 0 auto;align-self:flex-end;width:34px;height:34px;margin:1px;border:none;background:var(--brand);color:var(--ink);cursor:pointer;border-radius:50%;display:grid;place-items:center;} .composer-row .sendbtn:hover{background:var(--brand-d);} .att-img{max-width:240px;max-height:240px;border-radius:8px;display:block;margin:.15rem 0;} + /* Belt-and-suspenders: cap ANY image inside a message bubble so a message can never momentarily balloon + the thread to thousands of px while a large picture loads at its natural size (the "stretch" glitch). */ + .convo-msgs img,.bubble img{max-height:340px;max-width:100%;height:auto;} .att-file{display:inline-flex;align-items:center;gap:.4rem;background:rgba(0,0,0,.06);border:1px solid var(--line);border-radius:8px;padding:.4rem .6rem;color:inherit;text-decoration:none;font-size:.85rem;margin:.15rem 0;max-width:240px;} .att-file span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .bubble.mine .att-file{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);} @@ -1123,7 +1126,7 @@ -