Forum Discussion
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
Recent Discussions
Related Content
* Getting Started on DevCentral
* Community Guidelines
* Community Terms of Use / EULA
* Community Ranking Explained
* Community Resources
* Contact the DevCentral Team
* Update MFA on account.f5.com