fix: use checked attribute

taiga-family · Mar 27, 2024 · c296a02 · c296a02
1 parent 25e5b44
commit c296a02
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 33 deletions.
diff --git 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,107 +108,107 @@ 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}`,
             },
         ],
     },
     {
-        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}`,
             },
         ],
     },
     {
-        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}`,
             },
         ],
     },
     {
-        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}`,
             },
         ],
     },
     {
-        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
@@ -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);
     }