Skip to content
Permalink
Browse files

feat(rich-text-editor): Moved quill styles to rich text editor textar…

…ea and output (#2769)

* feat(rich-text-editor): Moved quill styles to rich text editor textarea and output

* feat(rich-text-editor): Syntax changes to CSS
  • Loading branch information...
ishakasliwal committed Sep 21, 2017
1 parent 396983c commit 402845bd1655bb39f6a161045bd241e2f6c1c207
Showing with 64 additions and 0 deletions.
  1. +64 −0 ui/components/rich-text-editor/base/_index.scss
@@ -116,6 +116,46 @@
* These are the overrides for both input and output from the RTE.
* We may need to add or adjust these later based on further input.
*/

.slds-rich-text-editor__textarea {

.ql-editor {
white-space: pre-wrap;
word-wrap: break-word;
user-select: text;

.ql-blank:before {
color: #54698d;
content: attr(data-placeholder);
pointer-events: none;
position: absolute;
}

a {
text-decoration: underline;
}
}

.overflow-menu {
z-index: 2;
}

.ql-active {
background-color: rgb(238,241,246);
}

.ql-clipboard {
position: absolute !important;
margin: -1px !important;
border: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
}
}

.slds-rich-text-editor__textarea,
.slds-rich-text-editor__output {
line-height: $line-height-text;
@@ -225,4 +265,28 @@
td {
padding: $spacing-x-small;
}

.sans-serif {
font-family: sans-serif;
}

.courier {
font-family: courier;
}

.verdana {
font-family: verdana;
}

.tahoma {
font-family: tahoma;
}

.garamond {
font-family: garamond;
}

.serif {
font-family: serif;
}
}

0 comments on commit 402845b

Please sign in to comment.
You can’t perform that action at this time.