Forum Discussion

Kai_Wilke's avatar
May 22, 2019

CSS patch for the new DevCentral Forums

Hi Folks,

 

I've digged into the CSS of the new DevCentral forum and spoted some minor tweaks to make forum more usable for daily active users. I've mainly focused to expand the Question & Answer area, disable the default "Show more" truncation and to disable any line breaks on Code snippets to make them easier to read. 

 

Below is the CSS patch that can be imported to Chrome addons like Stylebot (via "Edit CSS" button) to persistently overwrite the look & feel of the new DevCentral site.

 

/* Increase the width of the DevCentral Forum question & answer area to 100% */

.comm-layout-column {
 width: 100% ;
}

/* Allign replys and comments to the very left position. */

.slds-comment__content {
 margin-left: -50px ;
}
.comment__footer {
 margin-left: -50px ;
}

/* Less indent for comment replys */

.forceChatterFeedback.threaded-discussion .cuf-commentLi .cuf-commentLi {
 padding-left: 1rem ;
}

/* Always expand comments and remove the "Show more" button */

.feedBodyInnerTruncated {
 max-height: 100% ;
}
.forceChatterFeedBodyText .fadeOut {
 display: none ;
}

/* Disable line-breaks on code snippets and use a scroll bar instead. */

.forceChatterFeedBodyText code {
 overflow-x: auto ;
 white-space: pre ;
 width: 100% ;
}
.forceChatterFeedBodyText code ol.linenums {
 min-width: calc(100% - 40px) ;
 width: fit-content ;
}

 

Note: If you experience any formating issues outside of the DevCentral Forums, then let me know. I did not verified the changes on every single DevCentral sub page.

 

Note: If you have other ideas to optimize the DevCentral Forum, then let me know. I'm happy to integrate your ideas in this post.

 

Cheers, Kai

 

No RepliesBe the first to reply