fix(messages): dynamic container height based on actual DOM position, fixes input area visibility
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-27 14:01:34 +01:00
parent ecc8b18134
commit 7e60308d36
2 changed files with 14 additions and 1 deletions

View File

@ -52,7 +52,7 @@
.conversations-container {
display: flex;
height: calc(100vh - 140px); /* account for topbar + admin bar + announcement */
height: calc(100vh - 220px); /* topbar + admin bar + announcement bar + padding */
background: var(--conv-surface);
overflow: hidden;
}

View File

@ -226,6 +226,19 @@ window.__CURRENT_USER__ = {{ current_user_json|safe }};
window.__USERS__ = {{ users_json|default('[]')|safe }};
window.__CSRF_TOKEN__ = '{{ csrf_token() }}';
// Dynamically set container height based on actual position
(function() {
var container = document.getElementById('conversationsApp');
if (container) {
var top = container.getBoundingClientRect().top;
container.style.height = (window.innerHeight - top) + 'px';
window.addEventListener('resize', function() {
var t = container.getBoundingClientRect().top;
container.style.height = (window.innerHeight - t) + 'px';
});
}
})();
// Load conversations.js after data is set
(function() {
var s = document.createElement('script');