update: indent

tiptiz · Dec 29, 2024 · 558bb99 · 558bb99
1 parent 47d6f8b
commit 558bb99
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 5 deletions.
diff --git a/docs/src/components/editor-toolbars/TextIndentDec.tsx b/docs/src/components/editor-toolbars/TextIndentDec.tsx
@@ -0,0 +1,6 @@
+import IconBar from "@/components/IconBar"
+import { ediIndentDec } from "@tiptiz/editor-icons"
+
+export default function TextIndentDec() {
+    return <IconBar path={ediIndentDec} tooltip="Text Indent Decrease" />
+}
diff --git a/docs/src/components/editor-toolbars/TextIndentInc.tsx b/docs/src/components/editor-toolbars/TextIndentInc.tsx
@@ -0,0 +1,6 @@
+import IconBar from "@/components/IconBar"
+import { ediIndentInc } from "@tiptiz/editor-icons"
+
+export default function TextIndentInc() {
+    return <IconBar path={ediIndentInc} tooltip="Text Indent Increase" />
+}
diff --git a/docs/src/components/page-index/ToolbarRich.tsx b/docs/src/components/page-index/ToolbarRich.tsx
@@ -1,6 +1,8 @@
 "use client"
 import "@/styles/toolbars.css"
 
+import TextIndentDec from "@/components/editor-toolbars/TextIndentDec"
+import TextIndentInc from "@/components/editor-toolbars/TextIndentInc"
 import Hr from "@/components/Hr"
 import cn from "clsx"
 
@@ -48,13 +50,14 @@ export default function ToolbarRich() {
                     <FormatBrush />
                 </div>
                 {Splitter}
-                <div className="w-[388px] flex flex-wrap justify-around">
+                <div className="w-[430px] flex flex-wrap justify-around">
                     <FontFamily />
                     <FontSize />
                     <HeadingLevel />
                     <FontSizePus />
                     <FontSizeMinus />
                     <LineHeight />
+                    <Margin />
                     <FontBold />
                     <FontItalic />
                     <FontStrike />
@@ -67,7 +70,8 @@ export default function ToolbarRich() {
                     <TextAlignCenter />
                     <TextAlignRight />
                     <TextAlignJustify />
-                    <Margin />
+                    <TextIndentInc />
+                    <TextIndentDec />
                 </div>
                 {Splitter}
             </div>

diff --git a/packages/tiptiz-editor-icons/src/index.ts b/packages/tiptiz-editor-icons/src/index.ts
@@ -55,16 +55,29 @@ export const ediColorHelper = mdiColorHelper
 export const ediColorText = mdiFormatColorText
 export const ediColorFill = mdiFormatColorFill
 
-import { mdiFormatAlignLeft, mdiFormatAlignCenter, mdiFormatAlignRight, mdiFormatAlignJustify } from "@mdi/js"
+import {
+    mdiFormatAlignLeft,
+    mdiFormatAlignCenter,
+    mdiFormatAlignRight,
+    mdiFormatAlignJustify,
+    mdiFormatIndentIncrease,
+    mdiFormatIndentDecrease
+} from "@mdi/js"
 
 export const ediAlignLeft = mdiFormatAlignLeft
 export const ediAlignCenter = mdiFormatAlignCenter
 export const ediAlignRight = mdiFormatAlignRight
 export const ediAlignJustify = mdiFormatAlignJustify
+export const ediIndentInc = mdiFormatIndentIncrease
+export const ediIndentDec = mdiFormatIndentDecrease
 
 import { mdiBorderNoneVariant, mdiSquareMedium } from "@mdi/js"
 
-export const ediMarginContent = mdiSquareMedium
 export const ediBorderNoneVariant = mdiBorderNoneVariant
+export const ediMarginContent = mdiSquareMedium
+export const ediMarginStack = [mdiBorderNoneVariant, mdiSquareMedium]
+
+import { mdiFormatListBulletedType, mdiFormatListChecks } from "@mdi/js"
 
-export const ediMarginStack = [ediMarginContent, ediBorderNoneVariant]
+export const ediBulletList = mdiFormatListBulletedType
+export const ediCheckList = mdiFormatListChecks