Theme editor

Guide Woltlab Woltlab Separating Private Messages from Postbit

  • Thread starter Thread starter CL4Y
  • Start date Start date
  • Views 142

CL4Y

Keyboard Ninja
Administrator
Thread owner

Woltlab Separating Private Messages from Postbit​

In a simple way, how can we separate postbit from private messages? Normally, the view is adjacent by default, but we can separate this view with a few css codes. You don't need to install an extra plugin for this. Sometimes this code may not work on special themes. In this case, you can ask for help by writing to us in the discussion topic. However, the codes have been tested with the default theme and we use them.

Firstly, let's access the admin panel. Then follow the 'Customisation > Global CSS and SCSS' steps and copy and paste the following code into the relevant field.

CSS:
/* OZEL MESAJLARDA POSTBIT AYIRMA */
    @include screen-lg {
        #tpl_wcf_conversation .messageList:not(.messageReducedList)>li {
            border-bottom: 0px;
            padding: 15px 0px;
            background-color: #fafafa;
            background-color: transparent;
        }
       
        #tpl_wcf_conversation .content>.section, .content>form, .sectionContainer {
            border: 0 !important;
            border-radius: 3px;
            border: 0 !important;
        }
       
        #tpl_wcf_conversation .content>.section, .content>form, .sectionContainer {
            border: 0 !important;
            background-color: #ffffff00;
            padding: 20px;
        }

        #tpl_wcf_conversation .messageList>.anchorFixedHeader:not(.disableAnchorFixedHeader):target {
            margin-top: -49px;
            pointer-events: none;
            position: unset;
        }

        #tpl_wcf_conversation .messageSidebar+.messageContent {
            flex-basis: calc(100% - 230px);
            margin-left: 10px;
            max-width: calc(100% - 230px);
            background-color: white;
            padding: 10px 20px;
            border-radius: 5px;
            border: 1px solid var(--wcfSidebarBorder);
        }

        /* PASIF KAPATILDI
        #tpl_wcf_conversation .messageSidebar {
            border-radius: 5px;
            overflow: hidden;
            background-color: white;
            flex: 0 0 260px;
        }
       
        #tpl_wcf_conversation .messageSidebar {
            border: 0;
        }
        PASIF KAPATILDI */  

        #tpl_wcf_conversation .messageHeaderMetaData>li {
            padding: 5px 10px;
            background-color: #f7f7f7;
            border-radius: 5px;
        }

        .wbbBoardNodeContainer__description {
            color: var(--wcfContentDimmedText);
        }
    }
/* OZEL MESAJLARDA POSTBIT AYIRMA */

That's it, now the postbit will be independent of private messages. You can make a comparison from the images
 
Back
Top