diff --git a/src/components/TiptapVuetify.vue b/src/components/TiptapVuetify.vue index 137f205..04feb95 100644 --- a/src/components/TiptapVuetify.vue +++ b/src/components/TiptapVuetify.vue @@ -2,6 +2,9 @@
@@ -283,6 +289,9 @@ export default class TiptapVuetify extends Vue { outline: none !important margin: 20px !important + &--disabled + cursor: not-allowed + /* Элемент не обязательно содрежится в .tiptap-vuetify-editor, может использоваться для отображения результата редактора в не редактора */ .tiptap-vuetify-editor__content @@ -329,4 +338,18 @@ export default class TiptapVuetify extends Vue { pointer-events: none height: 0 font-style: italic + + &--disabled + // same color for disabled text as default light vuetify theme: vuetify/src/styles/settings/_light.scss#L30 + color rgba(0, 0, 0, 0.38) + &:after + // same as background as for filled v-text-input: vuetify/src/styles/settings/_light.scss#L87 + background-color: rgba(0, 0, 0, 0.06) + position: absolute + content: '' + top: 0 + left: 0 + right: 0 + bottom: 0 +