:root { --channel-list-avatar-size: 38px; --chat-header-offset: 56px; } .chat-message-container:not(.-user-info-hidden) { .chat-message { padding-top: 0.75em; } } html.has-full-page-chat { body #main-outlet { padding: 0; .main-chat-outlet { .chat-channel { min-width: 0; } &.has-side-panel-expanded { grid-template-columns: 1fr; .c-routes-channel { display: none; } } } } } .full-page-chat { grid-template-columns: 100%; width: 100%; .btn:active, .btn:hover { .d-icon { color: var(--primary-medium); } } .chat-channel { border-radius: 0; padding: 0; } .chat-drawer { width: 100%; } } .sidebar-container .channels-list .chat-channel-divider { padding-left: 1em; } .sidebar-container .channels-list .chat-channel-row { padding: 0.5em; } .create-channel-modal { .modal-inner-container { width: 95%; } } .chat-message-separator { margin-left: 0; } .header-dropdown-toggle.chat-header-icon .icon, .c-footer .c-footer__item { &.active .d-icon { color: var(--primary-medium); } .chat-channel-unread-indicator { border-color: var(--primary-very-low); } }