diff --git a/frontend/src/styles/caret.scss b/frontend/src/styles/caret.scss index 962cc4c7c..89a2f3a8e 100644 --- a/frontend/src/styles/caret.scss +++ b/frontend/src/styles/caret.scss @@ -38,7 +38,7 @@ &.carrot { background-color: transparent; - background-image: url("/images/carrot.png"); + background-image: url("/images/caret/carrot.png"); background-size: contain; background-position: center; background-repeat: no-repeat; @@ -47,7 +47,16 @@ &.banana { background-color: transparent; - background-image: url("/images/banana.png"); + background-image: url("/images/caret/banana.png"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + width: 1em; + } + + &.monkey { + background-color: transparent; + background-image: url("/images/caret/monkey.png"); background-size: contain; background-position: center; background-repeat: no-repeat; diff --git a/frontend/src/ts/commandline/commandline-metadata.ts b/frontend/src/ts/commandline/commandline-metadata.ts index 4cc09cad4..fb105f009 100644 --- a/frontend/src/ts/commandline/commandline-metadata.ts +++ b/frontend/src/ts/commandline/commandline-metadata.ts @@ -457,7 +457,7 @@ export const commandlineConfigMetadata: CommandlineConfigMetadataObject = { caretStyle: { subgroup: { options: "fromSchema", - isVisible: (value) => !["banana", "carrot"].includes(value), + isVisible: (value) => !["banana", "carrot", "monkey"].includes(value), }, }, paceCaret: { @@ -489,7 +489,7 @@ export const commandlineConfigMetadata: CommandlineConfigMetadataObject = { paceCaretStyle: { subgroup: { options: "fromSchema", - isVisible: (value) => !["banana", "carrot"].includes(value), + isVisible: (value) => !["banana", "carrot", "monkey"].includes(value), }, }, diff --git a/frontend/src/ts/utils/caret.ts b/frontend/src/ts/utils/caret.ts index d8c7b35d6..ef7d00ff4 100644 --- a/frontend/src/ts/utils/caret.ts +++ b/frontend/src/ts/utils/caret.ts @@ -55,7 +55,16 @@ export class Caret { this.style = style; this.element.style.width = ""; this.element.classList.remove( - ...["off", "default", "underline", "outline", "block", "carrot", "banana"] + ...[ + "off", + "default", + "underline", + "outline", + "block", + "carrot", + "banana", + "monkey", + ] ); this.element.classList.add(style); } diff --git a/frontend/static/images/banana.png b/frontend/static/images/caret/banana.png similarity index 100% rename from frontend/static/images/banana.png rename to frontend/static/images/caret/banana.png diff --git a/frontend/static/images/carrot.png b/frontend/static/images/caret/carrot.png similarity index 100% rename from frontend/static/images/carrot.png rename to frontend/static/images/caret/carrot.png diff --git a/frontend/static/images/caret/monkey.png b/frontend/static/images/caret/monkey.png new file mode 100644 index 000000000..4bb2a2fa6 Binary files /dev/null and b/frontend/static/images/caret/monkey.png differ diff --git a/packages/schemas/src/configs.ts b/packages/schemas/src/configs.ts index 605c55630..f65b83da7 100644 --- a/packages/schemas/src/configs.ts +++ b/packages/schemas/src/configs.ts @@ -44,6 +44,7 @@ export const CaretStyleSchema = z.enum([ "underline", "carrot", "banana", + "monkey", ]); export type CaretStyle = z.infer;