diff --git a/plugins/talk-plugin-rte/client/components/Editor.css b/plugins/talk-plugin-rte/client/components/Editor.css index 1bc7f9cd9..294430753 100644 --- a/plugins/talk-plugin-rte/client/components/Editor.css +++ b/plugins/talk-plugin-rte/client/components/Editor.css @@ -6,30 +6,28 @@ outline: 0; overflow-y: auto; width: 100%; - padding: 4px; + padding: 10px; font-style: unset; } .button { - display: inline-block; - text-align: center; - color: #2c3e50!important; - height: 30px; - margin: 0; - border: 1px solid transparent; - border-radius: 3px; - cursor: pointer; - outline: 0; - margin-right: 2px; - font-size: 1em; - width: 25px; + top: 0; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 4px; + padding: 0; + font-size: 14px; + margin-top: -2px; background-color: transparent; + border: solid 1px transparent; + cursor: pointer; + height: 30px; outline: 0; + width: 30px; } .button:hover{ background: #fcfcfc; - border-color: #95a5a6; } .actionBar { diff --git a/plugins/talk-plugin-rte/client/components/Editor.js b/plugins/talk-plugin-rte/client/components/Editor.js index 4167bc3c3..550a56b75 100644 --- a/plugins/talk-plugin-rte/client/components/Editor.js +++ b/plugins/talk-plugin-rte/client/components/Editor.js @@ -52,8 +52,8 @@ class Editor extends React.Component { Editor.defaultProps = { defaultContent: '', - styleWithCSS: false, - actions: ['bold', 'italic', 'underline'], + styleWithCSS: true, + actions: ['bold', 'italic', 'quote'], classNames: { button: '', content: '',