Seatalkweb.com Less Distractions by kenrick95

/* ==UserStyle==
@name           Seatalkweb.com Less Distractions
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://seatalkweb.com/") {
    /* Insert code here... */
    /** Full screen window */
    .home-main-window {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
    
    .desktop-app-check-notification {
        display: none;
    }

    /** Less padding on chat list */
    .messages-chat-session-list-item {
        padding: 8px;
    }
    .master-view-session-list {
        padding-bottom: 0 !important;
    }
    /* Less padding on sidebar items */
    .sidebar-tabs-list-box .ant-list-items .ant-list-item {
        padding: 4px !important;
        height: 32px;
    }
    /* Less padding on chat bar */
    .messages-message-detail-view-header .contact-contact-list-item {
        padding: 4px;
    }
    .footer {
        padding: 4px 8px 8px 0 !important;
    }
    .toolbar {
        padding: 4px 8px 4px 4px !important;
    }
    .messages-message-editor .icon-container {
        height: 24px !important;
        width: 24px !important;
        margin-left: 0 !important;
    }
    .format-toolbar-container {
        margin-left: 0 !important;
    }
    .toolbar-left {
        gap: 8px;
    }
    .messages-message-editor .icon-container svg {
        height: 24px !important;
        width: 24px !important;
    }
    .messages-message-list .items {
        gap: 8px;
    }
   .messages-message-list-item {
        margin-top: 0 !important;
    }
    .messages-message-list-item-bubble {
        padding: 8px !important;
    }
    .messages-message-list-item-bubble-quote-card {
        margin-bottom: 8px;
    }

    /* Don't show the unread dot */
    .unread-indicator-dot {
        display: none !important;
    }
    /* reset weight to normal */
    .sidebar-tabs-list-box .ant-list-items .ant-list-item .name-box .name.bold-text {
        font-weight: normal !important;
    }
    /* ----- end ----- */
    /* For muted channels, don't show the red dot */
    .messages-chat-session-list-item:has(.ele_ic_nonotification) > .onclick-wrapper > .common-avatar::after {
        display: none !important;
    }
    /* ----- end ----- */
    
    
    /* For muted channels, don't show red mentions */
    .messages-chat-session-list-item:has(.ele_ic_nonotification) .info .text .text-prefix:not(.no-highlight) {
        color: inherit !important;
    }
    /* ----- end ----- */
    .home-main-window {
        /* FIXME: This is a temporary workaround to allow things in the screen to be clickable*/
        .greeting-placeholder {
            app-region: no-drag;

            &::before {
                content: '';
                height: 40px;
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                app-region: drag;
            }
        }

        .sidebar-sidebar {
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 1001;
            background: var(--commonbg_list);
            flex-direction: row;
            width: auto;
            height: 70px;
            border-radius: 0 8px 0 0;
            padding-right: 20px;
            padding-top: 15px !important;
            /* Mac transparent menu bar*/
            app-region: no-drag;
            /* TODO: This doesn't work now, it needs to be ordered AFTER the component order, source: https://github.com/electron/electron/issues/1354#issuecomment-300860582*/
            > .common-icon,
            > .icon {
                margin: 0;
                margin-left: 12px;
                svg {
                    display: block;
                }
            }
            .common-avatar {
                margin-bottom: 0;
                background: none;
                border: 0;
                display: flex;
            }
            /* Minor balancing on settings button*/
            span:has(> .sprite_toolbar_ic_settings) {
                display: inline-flex;
            }
            .sprite_toolbar_ic_settings {
                margin-left: 10px;
            }
        }
        .master-view-session-list {
            padding-bottom: 70px;
        }
    }
    .light-theme .home-main-window .sidebar-sidebar {
        background: var(--commonbg_dark);
    }
}