Updated button style class in ckeditor
This commit is contained in:
parent
d99f1b2a81
commit
727fdfa2e3
1 changed files with 11 additions and 2 deletions
|
|
@ -15,6 +15,7 @@
|
|||
|
||||
<script lang="ts">
|
||||
import { defineComponent } from "vue";
|
||||
// @ts-ignore
|
||||
import CKUploadAdapterPlugin from "./../../../js/ckUploadAdaptater";
|
||||
import "./../../../js/vendor/ckeditor";
|
||||
import trans from "./../../modules/trans";
|
||||
|
|
@ -432,9 +433,9 @@ export default defineComponent({
|
|||
style: {
|
||||
definitions: [
|
||||
{
|
||||
name: "Button",
|
||||
name: "Bouton",
|
||||
element: "a",
|
||||
classes: [ "btn btn-primary" ]
|
||||
classes: [ "ckeditor-content-button" ]
|
||||
},
|
||||
{
|
||||
name: "Chiffre clé",
|
||||
|
|
@ -526,6 +527,7 @@ export default defineComponent({
|
|||
},
|
||||
},
|
||||
methods: {
|
||||
// @ts-ignore
|
||||
makeEditorBuild(config: Config<EditorConfig>) {
|
||||
// @ts-ignore
|
||||
ClassicEditor.create(this.ckeditor, config)
|
||||
|
|
@ -597,6 +599,13 @@ export default defineComponent({
|
|||
.ck-editor__main{
|
||||
color: $body-color;
|
||||
}
|
||||
.ckeditor-content-button {
|
||||
background-color: #6c757d;
|
||||
border: 1px solid #c4c4c4;
|
||||
padding: 0.375rem 0.75rem;
|
||||
color: #fff;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue