<commit_before>@import '/variables.styl'

body
    background-color: transparent

.sidebar
    width: 400px !important
    &.ui.sidebar.chatter
        border-radius: 5px!important

.chatter
    background-color: chatter-background !important

    .hidden
        display: none
    .bold
        font-weight: 600
    .success-msg
        color: chatter-status-green
    .failure-msg
        color: chatter-status-red

    .ui.primary.button
        background-color: chatter-blue !important
        border: 1px solid chatter-blue-darker !important

    p.gray-text
        color: chatter-trans-gray
        font-style: italic

    .padded
        padding: 14px 14px 0

    .wrapper
        position: absolute
        height: 100%
        width: 100%
        top: 0
        bottom: 0
        z-index: -1

        .scrollable
            position: absolute
            width: 100%
            overflow: hidden
            overflow-y: auto
            top: 54px
            bottom: 45px

    .user-status
        position: absolute
        width: 0.8em
        height: 0.8em
        border-radius: 0.8em
        z-index: 1
        border: 1px solid chatter-light-blue
        &.none
            display: none
        &.offline
            background-color: chatter-status-red
        &.online
            background-color: chatter-status-green

    .ui.divider
        margin: 0.2rem 0rem

    .ui.secondary.pointing.menu
        margin: 0 !important
        background-color: chatter-blue
        border: 1px solid chatter-blue-darker
        border-radius: 4px 4px 0 0
        .item
            padding-top: 1.4em
            padding-bottom: 1.4em
        >.right, >.left
            min-width: 90px
            .icon.item
                min-width: 45px
                color: white
        .header
            flex-grow: 1
            &.item
                color: white !important
                max-width: 220px
            .status
                text-align center
                display: block
                width: 100%
                span
                    overflow: hidden
                    text-overflow: ellipsis
                    white-space: nowrap
                    display: block

    .roomList
        .count
            color: chatter-trans-gray
            font-size: 15px
        .active-rooms
            padding-bottom: 10px
        .roomListBtn
            text-align: center
            cursor: pointer
            color: chatter-trans-gray
            font-size: 10px
            text-transform: uppercase
        .ui.list .item
            padding-top: 16px
            padding-bottom: 16px
            &.unread
                background-color: chatter-highlighted-background !important
            .ui.avatar.image
                width: 3em
                height: 3em
            .content
                width: 85%
                padding-left: 0.8em
                .header
                    font-size: 1.1em
                    .roomName
                        max-width: 60%
                        overflow: hidden
                        text-overflow: ellipsis
                        white-space: nowrap
                        float: left
                        color: chatter-gray
                    .meta
                        color: chatter-trans-gray
                        display: block
                        float: right
                        font-weight: 400
                        font-size: 0.8em
                        line-height: 20px
                .description
                    width: 100%
                    padding-top: 8px
                    color: chatter-trans-gray
                    .preview
                        display: inline-block
                        width: 85%
                        overflow: hidden
                        text-overflow: ellipsis
                        white-space: nowrap
                    .counter
                        display: inline-block
                        width: 15%
                        text-align: right
                        font-size: 0.7em
                        span
                            border-radius: 1rem
                            background-color: chatter-blue-lighter
                            border: 1px solid chatter-blue
                            color: white
                            padding: 2px 5px

    .btn-wrapper
        position: absolute
        bottom: 0
        width: 100%
        padding: 7px 14px 7px
        text-align: center

    .room
        margin: 0 !important
        background-image: url(chatter-svg-bg)<commit_msg>added border to notification bubble<commit_after>@import '/variables.styl'

body
    background-color: transparent

.sidebar
    width: 400px !important
    &.ui.sidebar.chatter
        border-radius: 5px!important

.chatter
    background-color: chatter-background !important

    .hidden
        display: none
    .bold
        font-weight: 600
    .success-msg
        color: chatter-status-green
    .failure-msg
        color: chatter-status-red

    .ui.primary.button
        background-color: chatter-blue !important
        border: 1px solid chatter-blue-darker !important

    p.gray-text
        color: chatter-trans-gray
        font-style: italic

    .padded
        padding: 14px 14px 0

    .wrapper
        position: absolute
        height: 100%
        width: 100%
        top: 0
        bottom: 0
        z-index: -1

        .scrollable
            position: absolute
            width: 100%
            overflow: hidden
            overflow-y: auto
            top: 54px
            bottom: 45px

    .user-status
        position: absolute
        width: 0.8em
        height: 0.8em
        border-radius: 0.8em
        z-index: 1
        border: 1px solid chatter-light-blue
        &.none
            display: none
        &.offline
            background-color: chatter-status-red
        &.online
            background-color: chatter-status-green

    .ui.divider
        margin: 0.2rem 0rem

    .ui.secondary.pointing.menu
        margin: 0 !important
        background-color: chatter-blue
        border: 1px solid chatter-blue-darker
        border-radius: 4px 4px 0 0
        .item
            padding-top: 1.4em
            padding-bottom: 1.4em
        >.right, >.left
            min-width: 90px
            .icon.item
                min-width: 45px
                color: white
        .header
            flex-grow: 1
            &.item
                color: white !important
                max-width: 220px
            .status
                text-align center
                display: block
                width: 100%
                span
                    overflow: hidden
                    text-overflow: ellipsis
                    white-space: nowrap
                    display: block

    .roomList
        .count
            color: chatter-trans-gray
            font-size: 15px
        .active-rooms
            padding-bottom: 10px
        .roomListBtn
            text-align: center
            cursor: pointer
            color: chatter-trans-gray
            font-size: 10px
            text-transform: uppercase
        .ui.list .item
            padding-top: 16px
            padding-bottom: 16px
            &.unread
                background-color: chatter-highlighted-background !important
            .ui.avatar.image
                width: 3em
                height: 3em
            .content
                width: 85%
                padding-left: 0.8em
                .header
                    font-size: 1.1em
                    .roomName
                        max-width: 60%
                        overflow: hidden
                        text-overflow: ellipsis
                        white-space: nowrap
                        float: left
                        color: chatter-gray
                    .meta
                        color: chatter-trans-gray
                        display: block
                        float: right
                        font-weight: 400
                        font-size: 0.8em
                        line-height: 20px
                .description
                    width: 100%
                    padding-top: 8px
                    color: chatter-trans-gray
                    .preview
                        display: inline-block
                        width: 85%
                        overflow: hidden
                        text-overflow: ellipsis
                        white-space: nowrap
                    .counter
                        display: inline-block
                        width: 15%
                        text-align: right
                        font-size: 0.7em
                        span
                            border-radius: 1rem
                            background-color: chatter-blue-lighter
                            border: 1px solid #15adf9
                            color: white
                            padding: 2px 5px

    .btn-wrapper
        position: absolute
        bottom: 0
        width: 100%
        padding: 7px 14px 7px
        text-align: center

    .room
        margin: 0 !important
        background-image: url(chatter-svg-bg)
{'fraction_non_alphanumeric': 0.06464166036104205, 'fraction_numerical': 0.024321694951897094, 'mean_word_length': 0.9388097233864208, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1156207', 'n_tokens_mistral': 2523, 'n_tokens_neox': 2159, 'n_words': 571}