/*
 * VOXLY CENTER PANEL SCROLL FIX
 *
 * Keep the application locked to the viewport.
 * Only the message/history area should scroll.
 */

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

#appView {
    width: 100%;
    height: 100vh;
    min-height: 0;
    overflow: hidden;
}

.main-panel {
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

#textChannelView {
    flex: 1 1 auto !important;
    min-width: 0;
    min-height: 0 !important;
    height: auto;
    overflow: hidden;
}

.messages {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.composer {
    flex: 0 0 auto;
}

/*
 * Keep sidebars within the viewport as well.
 */
.channel-sidebar,
.members-panel,
.communities {
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.members-panel {
    overflow-y: auto;
}