Add CSS docs

This commit is contained in:
Kim Gardner
2018-03-07 17:23:38 -05:00
parent e76127d9ee
commit 3b15cd76c1
2 changed files with 29 additions and 6 deletions
@@ -1,12 +1,23 @@
---
title: Configuring the Talk Stream
permalink: /configuring-the-stream//
class: configuration
toc: true
---
Using plugins and configuration variables, you can modify the way the Talk comment stream behaves. Here are some common configuration options:
### Rich Text Editor
To enable our default rich text editor plugin, you'll need to:
1. Enable `talk-plugin-rich-text` as a server-side plugin
2. Enable `talk-plugin-rich-text-pell` as a client-side plugin
3. If you have `talk-plugin-comment-content` enabled, you will need to disable this (this supports hyperlinks in the comment body)
Out of the box, our Talk Editor supports Bold, Italic, and Blockquote.
If you want to support another editor, you can create a plugin and replace the client-side one with the editor of your choice.
For more information on our implementation, see https://github.com/coralproject/talk/pull/1391
For more information on Pell, check out https://jaredreich.com/pell
### Sorting/Filtering the Stream
To enable sorting and filtering plugins, you will first need to enable the viewing options plugin:
+12
View File
@@ -0,0 +1,12 @@
---
title: Styling Talk with CSS
permalink: /styling-talk/
class: configuration
toc: true
---
You can add your own stylesheet in Admin > Configure > Tech Settings.
If you would like to change the styling of any elements in Talk, we provide global classnames with the prefix `talk-`. The easiest way to find the classname for the element you're looking for is to use the web inspector, and then update your stylesheet accordingly.
Plugins also have their own stylesheets located in the client directory.