Browse Source

fix: Added block quote and code to rich modal

pull/7046/head
Muhammed Mustafa 12 months ago
parent
commit
5de3865135
  1. 8
      packages/nc-gui/components/cell/RichText.vue
  2. 25
      packages/nc-gui/components/cell/RichText/SelectedBubbleMenu.vue
  3. 2
      packages/nc-gui/lang/en.json

8
packages/nc-gui/components/cell/RichText.vue

@ -189,5 +189,13 @@ const focusEditorEnd = () => {
font-size: 1.15rem; font-size: 1.15rem;
margin-bottom: 0.1em; margin-bottom: 0.1em;
} }
blockquote {
border-left: 3px solid #d0d5dd;
padding: 0 1em;
color: #666;
margin: 1em 0;
font-style: italic;
}
} }
</style> </style>

25
packages/nc-gui/components/cell/RichText/SelectedBubbleMenu.vue

@ -7,6 +7,8 @@ import MdiFormatListCheckbox from '~icons/mdi/format-list-checkbox'
import MsFormatH1 from '~icons/material-symbols/format-h1' import MsFormatH1 from '~icons/material-symbols/format-h1'
import MsFormatH2 from '~icons/material-symbols/format-h2' import MsFormatH2 from '~icons/material-symbols/format-h2'
import MsFormatH3 from '~icons/material-symbols/format-h3' import MsFormatH3 from '~icons/material-symbols/format-h3'
import TablerBlockQuote from '~icons/tabler/blockquote'
import MsCode from '~icons/material-symbols/code'
interface Props { interface Props {
editor: Editor editor: Editor
@ -115,6 +117,17 @@ const onToggleLink = () => {
<MdiFormatStrikeThrough /> <MdiFormatStrikeThrough />
</NcButton> </NcButton>
</NcTooltip> </NcTooltip>
<NcTooltip>
<template #title> {{ $t('general.code') }}</template>
<NcButton
size="small"
type="text"
:class="{ 'is-active': editor.isActive('code') }"
@click="editor!.chain().focus().toggleCode().run()"
>
<MsCode />
</NcButton>
</NcTooltip>
<div class="divider"></div> <div class="divider"></div>
<template v-if="embedMode"> <template v-if="embedMode">
@ -155,6 +168,18 @@ const onToggleLink = () => {
<div class="divider"></div> <div class="divider"></div>
</template> </template>
<NcTooltip v-if="embedMode">
<template #title> {{ $t('labels.blockQuote') }}</template>
<NcButton
size="small"
type="text"
:class="{ 'is-active': editor.isActive('blockquote') }"
@click="editor!.chain().focus().toggleBlockquote().run()"
>
<TablerBlockQuote class="-mt-0.25" />
</NcButton>
</NcTooltip>
<NcTooltip> <NcTooltip>
<template #title> {{ $t('labels.taskList') }}</template> <template #title> {{ $t('labels.taskList') }}</template>
<NcButton <NcButton

2
packages/nc-gui/lang/en.json

@ -82,6 +82,7 @@
"creatingEntity": "Creating {entity}", "creatingEntity": "Creating {entity}",
"details": "Details", "details": "Details",
"skip": "Skip", "skip": "Skip",
"code": "Code",
"duplicate": "Duplicate", "duplicate": "Duplicate",
"duplicating": "Duplicating", "duplicating": "Duplicating",
"activate": "Activate", "activate": "Activate",
@ -422,6 +423,7 @@
"bulletList": "Bullet List", "bulletList": "Bullet List",
"numberedList": "Numbered List", "numberedList": "Numbered List",
"downloadData": "Download Data", "downloadData": "Download Data",
"blockQuote": "Block Quote",
"noToken": "No Token", "noToken": "No Token",
"tokenLimit": "Only one token per user is allowed", "tokenLimit": "Only one token per user is allowed",
"duplicateAttachment": "File with name {filename} already attached", "duplicateAttachment": "File with name {filename} already attached",

Loading…
Cancel
Save