fix(messages): full-width container, hide footer, stronger active state, fix height
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 13:52:07 +01:00
parent 0f3f343f79
commit 4b669ce2fe
2 changed files with 21 additions and 3 deletions

View File

@ -37,9 +37,22 @@
/* ============================================================
* 1. MAIN CONTAINER
* ============================================================ */
/* Override base .container constraints for full-width messaging */
.container.conversations-page {
max-width: 100%;
padding: 0;
}
/* Hide footer when conversations are active */
.conversations-page ~ footer,
.conversations-page ~ .footer {
display: none;
}
.conversations-container {
display: flex;
height: calc(100vh - 56px);
height: calc(100vh - 140px); /* account for topbar + admin bar + announcement */
background: var(--conv-surface);
overflow: hidden;
}
@ -161,8 +174,8 @@
}
.conversation-item.active {
background: var(--conv-primary-light);
border-left-color: var(--conv-primary);
background: var(--conv-primary-light, #EDF0F5);
border-left: 3px solid var(--conv-primary, #2E4872);
}
.conversation-item.unread .conv-name {

View File

@ -1,11 +1,16 @@
{% extends "base.html" %}
{% block title %}Wiadomości - Norda Biznes Partner{% endblock %}
{% block container_class %}conversations-page{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/quill.snow.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/conversations.css') }}">
<script src="{{ url_for('static', filename='js/vendor/quill.js') }}"></script>
<style>
footer { display: none !important; }
main { padding-bottom: 0 !important; margin-bottom: 0 !important; }
</style>
{% endblock %}
{% block content %}