diff --git a/projects/demo/src/app/app.pages.ts b/projects/demo/src/app/app.pages.ts index f3b15649c..56d96aed9 100644 --- a/projects/demo/src/app/app.pages.ts +++ b/projects/demo/src/app/app.pages.ts @@ -29,77 +29,77 @@ export const DEMO_PAGES: TuiDocPages = [ keywords: `contenteditable, accessor, angular contenteditable accessor`, }, { - section: `Examples`, + section: `Documentation`, title: `ColorPicker`, route: TuiDemoPath.ColorPicker, keywords: `цвет, выбор, градиент, gradient, палитра, input, inputcolor`, }, { - section: `Examples`, + section: `Documentation`, title: `Font`, route: TuiDemoPath.Font, keywords: `editor, font, wysiwyg, редактор, текст, html, rich, text`, }, { - section: `Examples`, + section: `Documentation`, title: `Anchors`, route: TuiDemoPath.Anchors, keywords: `editor, anchors, wysiwyg, редактор, текст, html, rich, text`, }, { - section: `Examples`, + section: `Documentation`, title: `Appearance`, route: TuiDemoPath.Appearance, keywords: `editor, appearance, wysiwyg, редактор, текст, html, rich, text`, }, { - section: `Examples`, + section: `Documentation`, title: `Checkbox`, route: TuiDemoPath.Checkbox, keywords: `editor, checkbox, wysiwyg, редактор, текст, html, rich, text`, }, { - section: `Examples`, + section: `Documentation`, title: `Mention`, route: TuiDemoPath.Mention, keywords: `editor, mention, wysiwyg, редактор, текст, html, rich, text`, }, { - section: `Examples`, + section: `Documentation`, title: `Groups`, route: TuiDemoPath.Groups, keywords: `editor, draggable, nested, hilite, groups, wysiwyg, редактор, текст, html, rich, text`, }, { - section: `Examples`, + section: `Documentation`, title: `Focus`, route: TuiDemoPath.Focus, keywords: `editor, focus, focusable, wysiwyg, редактор, фокус, html, rich, text`, }, { - section: `Examples`, + section: `Documentation`, title: `Custom tool`, subPages: [ { - section: `Examples`, + section: `Documentation`, title: `Paste emoji`, keywords: `editor, custom, tool, emoji, wysiwyg, редактор, текст, html, rich, text`, route: `/${TuiDemoPath.PasteEmojiTool}`, }, { - section: `Examples`, + section: `Documentation`, title: `Color picker`, keywords: `editor, custom color picker, color picker, tool, wysiwyg, редактор, выбрать цвет, html, rich, text`, route: `/${TuiDemoPath.ColorPickerTool}`, }, { - section: `Examples`, + section: `Documentation`, title: `Paste image`, keywords: `editor, paste image, tool, wysiwyg, редактор, текст, html, rich, text`, route: `/${TuiDemoPath.PasteImageTool}`, }, { - section: `Examples`, + section: `Documentation`, title: `Font size tool`, keywords: `editor, custom font size tool, tool, wysiwyg, редактор, выбрать размер, html, rich, text`, route: `/${TuiDemoPath.Font}`, @@ -108,17 +108,17 @@ export const DEMO_PAGES: TuiDocPages = [ ], }, { - section: `Examples`, + section: `Documentation`, title: `Highlight`, subPages: [ { - section: `Examples`, + section: `Documentation`, title: `Mark text`, keywords: `editor, highlight, text, wysiwyg, редактор, текст, подсветка, html, rich, text`, route: `/${TuiDemoPath.HighlightText}`, }, { - section: `Examples`, + section: `Documentation`, title: `Code block`, keywords: `editor, highlight, code, block, pre, wysiwyg, редактор, текст, подсветка, html, rich, text`, route: `/${TuiDemoPath.HighlightCode}`, @@ -126,23 +126,23 @@ export const DEMO_PAGES: TuiDocPages = [ ], }, { - section: `Examples`, + section: `Documentation`, title: `Processing`, subPages: [ { - section: `Examples`, + section: `Documentation`, title: `Legacy html`, keywords: `editor, processing, content, legacy html, wysiwyg, редактор, текст, html, rich, text`, route: `/${TuiDemoPath.ProcessingLegacyHtml}`, }, { - section: `Examples`, + section: `Documentation`, title: `Cleanup html`, keywords: `editor, processing, content, cleanup html, wysiwyg, редактор, текст, html, rich, text`, route: `/${TuiDemoPath.ProcessingCleanupHtml}`, }, { - section: `Examples`, + section: `Documentation`, title: `Markdown`, keywords: `editor, markdown, wysiwyg, редактор, текст, html, rich, text`, route: `/${TuiDemoPath.ProcessingMarkdown}`, @@ -150,23 +150,23 @@ export const DEMO_PAGES: TuiDocPages = [ ], }, { - section: `Examples`, + section: `Documentation`, title: `Images`, subPages: [ { - section: `Examples`, + section: `Documentation`, title: `Resizable`, keywords: `editor, resizable, image, wysiwyg, редактор, текст, html, rich, text`, route: `/${TuiDemoPath.ImagesResizable}`, }, { - section: `Examples`, + section: `Documentation`, title: `Preview images`, keywords: `editor, preview, images, wysiwyg, редактор, текст, html, rich, text`, route: `/${TuiDemoPath.ImagesPreview}`, }, { - section: `Examples`, + section: `Documentation`, title: `Upload`, keywords: `editor, upload, images, wysiwyg, редактор, текст, html, rich, text`, route: `/${TuiDemoPath.ImagesUpload}`, @@ -174,23 +174,23 @@ export const DEMO_PAGES: TuiDocPages = [ ], }, { - section: `Examples`, + section: `Documentation`, title: `Embed`, subPages: [ { - section: `Examples`, + section: `Documentation`, title: `Youtube`, keywords: `editor, embed, video player, audio player, youtube, wysiwyg, редактор, плейер, плеер, ютуб, текст, html, rich, text`, route: `/${TuiDemoPath.EmbedYoutube}`, }, { - section: `Examples`, + section: `Documentation`, title: `Iframe`, keywords: `editor, embed, iframe, wysiwyg, редактор, айфрейм, html, rich, text`, route: `/${TuiDemoPath.EmbedIframe}`, }, { - section: `Examples`, + section: `Documentation`, title: `HTML5`, keywords: `editor, embed, video player, audio player, html5, wysiwyg, редактор, плеер, html, rich, text`, route: `/${TuiDemoPath.EmbedHtml5}`, @@ -198,17 +198,17 @@ export const DEMO_PAGES: TuiDocPages = [ ], }, { - section: `Examples`, + section: `Documentation`, title: `Toolbar`, subPages: [ { - section: `Examples`, + section: `Documentation`, title: `Align bottom`, keywords: `editor, toolbar, bottom, wysiwyg, редактор, текст, подсветка, html, rich, text`, route: `/${TuiDemoPath.ToolbarBottom}`, }, { - section: `Examples`, + section: `Documentation`, title: `Floating`, keywords: `editor, toolbar, floating, wysiwyg, редактор, текст, подсветка, html, rich, text`, route: `/${TuiDemoPath.ToolbarFloating}`, diff --git a/projects/tui-editor/components/editor-socket/styles/checkbox.less b/projects/tui-editor/components/editor-socket/styles/checkbox.less index df91a52b1..f995a688c 100644 --- a/projects/tui-editor/components/editor-socket/styles/checkbox.less +++ b/projects/tui-editor/components/editor-socket/styles/checkbox.less @@ -38,7 +38,7 @@ ul[data-type] { } } - li[data-checked='true'] > label > input[type='checkbox'] { + li > label > input[type='checkbox']:checked { background: var(--tui-primary, #526ed3); color: var(--tui-primary-text, #fff); @@ -48,7 +48,7 @@ ul[data-type] { } } - li[data-checked='false'] > label > input[type='checkbox'] { + li > label > input[type='checkbox'] { box-shadow: inset 0 0 0 1px var(--tui-base-04); color: var(--tui-text-01); }