diff --git a/resources/js/editor/menu/icons.js b/resources/js/editor/menu/icons.js index 1355cb445..d83d9026a 100644 --- a/resources/js/editor/menu/icons.js +++ b/resources/js/editor/menu/icons.js @@ -45,13 +45,17 @@ export const icons = { width: 951, height: 1024, path: "M832 694q0-22-16-38l-118-118q-16-16-38-16-24 0-41 18 1 1 10 10t12 12 8 10 7 14 2 15q0 22-16 38t-38 16q-8 0-15-2t-14-7-10-8-12-12-10-10q-18 17-18 41 0 22 16 38l117 118q15 15 38 15 22 0 38-14l84-83q16-16 16-38zM430 292q0-22-16-38l-117-118q-16-16-38-16-22 0-38 15l-84 83q-16 16-16 38 0 22 16 38l118 118q15 15 38 15 24 0 41-17-1-1-10-10t-12-12-8-10-7-14-2-15q0-22 16-38t38-16q8 0 15 2t14 7 10 8 12 12 10 10q18-17 18-41zM941 694q0 68-48 116l-84 83q-47 47-116 47-69 0-116-48l-117-118q-47-47-47-116 0-70 50-119l-50-50q-49 50-118 50-68 0-116-48l-118-118q-48-48-48-116t48-116l84-83q47-47 116-47 69 0 116 48l117 118q47 47 47 116 0 70-50 119l50 50q49-50 118-50 68 0 116 48l118 118q48 48 48 116z" }, - bulletList: { - width: 768, height: 896, - path: "M0 512h128v-128h-128v128zM0 256h128v-128h-128v128zM0 768h128v-128h-128v128zM256 512h512v-128h-512v128zM256 256h512v-128h-512v128zM256 768h512v-128h-512v128z" + bullet_list: { + width: 24, height: 24, + path: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }, - orderedList: { - width: 768, height: 896, - path: "M320 512h448v-128h-448v128zM320 768h448v-128h-448v128zM320 128v128h448v-128h-448zM79 384h78v-256h-36l-85 23v50l43-2v185zM189 590c0-36-12-78-96-78-33 0-64 6-83 16l1 66c21-10 42-15 67-15s32 11 32 28c0 26-30 58-110 112v50h192v-67l-91 2c49-30 87-66 87-113l1-1z" + ordered_list: { + width: 24, height: 24, + path: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" + }, + task_list: { + width: 24, height: 24, + path: "M22,7h-9v2h9V7z M22,15h-9v2h9V15z M5.54,11L2,7.46l1.41-1.41l2.12,2.12l4.24-4.24l1.41,1.41L5.54,11z M5.54,19L2,15.46 l1.41-1.41l2.12,2.12l4.24-4.24l1.41,1.41L5.54,19z" }, blockquote: { width: 640, height: 896, diff --git a/resources/js/editor/menu/index.js b/resources/js/editor/menu/index.js index cd9e4c130..e2979d493 100644 --- a/resources/js/editor/menu/index.js +++ b/resources/js/editor/menu/index.js @@ -107,12 +107,12 @@ const alignments = [ setAttrItem('align', 'left', { icon: icons.align_left }), - setAttrItem('align', 'right', { - icon: icons.align_right - }), setAttrItem('align', 'center', { icon: icons.align_center }), + setAttrItem('align', 'right', { + icon: icons.align_right + }), setAttrItem('align', 'justify', { icon: icons.align_justify }), @@ -129,6 +129,17 @@ const colors = [ ], {icon: icons.background_color}), ]; +const lists = [ + wrapItem(schema.nodes.bullet_list, { + title: "Bullet List", + icon: icons.bullet_list, + }), + wrapItem(schema.nodes.ordered_list, { + title: "Ordered List", + icon: icons.ordered_list, + }), +]; + const menu = menuBar({ floating: false, content: [ @@ -137,6 +148,7 @@ const menu = menuBar({ inlineStyles, colors, alignments, + lists, ], });