SAP Community by marianfoo

/* ==UserStyle==
@name         SAP Community
@version      20241004.06.50
@namespace    https://userstyles.world/user/marianfoo
@description  Improves reading experience with SAP Community
@author       marianfoo
@license      No License
==/UserStyle== */

@-moz-document domain("community.sap.com") {
    #boardmanagementtaplet {
        display: none !important;
    }

    .lia-quilt-column.lia-quilt-column-08.lia-quilt-column-right.lia-quilt-column-side-content {
        display: none !important;
    }

    @media (min-width: 1024px) {
        .lia-quilt-column-16,
        .lia-quilt-view-profile-hero .lia-quilt-column-profile-hero-center {
            width: 100% !important;
        }
    }

    @media (min-width: 1024px) {
        .lia-quilt-column-08,
        .KudosLeaderboardPage .TopUsersLeaderBoard .UserSearchItemContainer,
        .lia-user-search-results-list-container > .UserSearchItemContainer,
        .TkbPage .lia-tkb-article-entry {
            width: 100% !important;
        }
    }

    p {
        margin: 0 0 7px !important;
    }

    #producttaglist {
        display: none !important;
    }

    /* remove 'Add tags' section */
    .AddMessageTags.lia-message-tags.lia-component-message-view-widget-tags {
        display: none !important;
    }

    /* get rid of crazy space above the kudos button */
    #kudosButtonV2 {
        margin-top: unset !important;
    }
    /* there is also some wild margin going on in the bottom side of blog posts */
    #bodyDisplay {
        margin-bottom: unset !important;
    }

    /* 
       take care of the little date + dropdown, align them, move them inline and make 
       the font size in there fit so that the icon doesn't look out of place
       also: make sure to not mess with the comment buttons' container
    */
    .lia-quilt-column-alley.lia-quilt-column-alley-right {
        display: flex;
        justify-content: right;
        flex-direction: row-reverse;
        font-size: small;
    }

    /* Exclude styling for elements inside a notification feed item */
    .lia-quilt-notification-feed-item .lia-quilt-column-alley.lia-quilt-column-alley-right {
        display: block;
        justify-content: initial;
        flex-direction: initial;
        font-size: initial;
        margin: initial;
    }


    /* center the comment button; also ensure that the footer takes up full width in small screens (in this case, always) */
    .lia-quilt-column.lia-quilt-column-16.lia-quilt-column-right.lia-quilt-column-message-footer-right {
        width: 100% !important;
        .lia-quilt-column-alley.lia-quilt-column-alley-right {
            text-align: center !important;
            .footer-top {
                width: 100% !important;
            }
        }
    }


    /*   I actually like the default line height makes it a bit better readable than being too squashed together
    .lia-thread-topic:not(.lia-list-row-thread-solved) .lia-quilt-layout-custom-message .lia-message-body-content, 
    .lia-quilt-layout-custom-message .lia-message-body-content, 
    .lia-thread-topic .lia-quilt-layout-custom-message .lia-message-body-content {
        line-height: 16px !important;
    } */
}