From d0b4f6b8ffc249d6cc99b147127bb097138dd02c Mon Sep 17 00:00:00 2001 From: Jo du Plessis Date: Mon, 15 Sep 2025 08:22:50 +0200 Subject: [PATCH 1/6] attachment: update font color --- packages/core/src/attachment/attachment.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/core/src/attachment/attachment.css b/packages/core/src/attachment/attachment.css index fd7fce62..73f5295f 100644 --- a/packages/core/src/attachment/attachment.css +++ b/packages/core/src/attachment/attachment.css @@ -93,6 +93,7 @@ .f-attachment__text-meta { max-width: 100%; font-weight: var(--f-font-weight-normal); + color: var(--f-color-text-weakest); } .f-attachment__text-meta span { From 0358584bb4c169ef1869b7bf739ae2950ce70e03 Mon Sep 17 00:00:00 2001 From: Jo du Plessis Date: Sat, 4 Oct 2025 12:37:06 +0200 Subject: [PATCH 2/6] fix audio waveform playhead for firefox --- packages/core/src/audio/audio.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/packages/core/src/audio/audio.css b/packages/core/src/audio/audio.css index b14da294..23ba9a85 100644 --- a/packages/core/src/audio/audio.css +++ b/packages/core/src/audio/audio.css @@ -78,6 +78,8 @@ height: 100%; z-index: 5; -webkit-appearance: none; + -moz-appearance: none; + appearance: none; background: transparent; } @@ -107,3 +109,19 @@ border: none; background: transparent; } + +.f-audio-waveform input[type="range"].f-audio-waveform__range::-moz-range-thumb { + height: var(--f-audio-waveform-pin-height); + width: var(--f-audio-waveform-pin-width); + border: none; + border-radius: var(--f-radius); + background-color: var(--f-audio-waveform-active); + box-shadow: none; + cursor: pointer; +} + +.f-audio-waveform input[type="range"].f-audio-waveform__range::-moz-range-track { + background: transparent; + border: none; + height: 100%; +} From 09cb9ec267037090f92d455ab191e1a0d6a365e1 Mon Sep 17 00:00:00 2001 From: Jo du Plessis Date: Sat, 4 Oct 2025 13:05:38 +0200 Subject: [PATCH 3/6] add onlyIndentDataAttr --- packages/core/src/drag/drag-element.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/core/src/drag/drag-element.tsx b/packages/core/src/drag/drag-element.tsx index f47902af..f2e01b83 100644 --- a/packages/core/src/drag/drag-element.tsx +++ b/packages/core/src/drag/drag-element.tsx @@ -3,6 +3,7 @@ import { classNames, CoreViewProps, getButton, mergeRefs, useDrag, View } from ' export type DragElementProps = { id?: string + onlyIndentDataAttr?: boolean indent?: number noDrop?: boolean noDrag?: boolean @@ -12,15 +13,15 @@ export type DragElementProps = { } & Omit export const DragElement = forwardRef((props: DragElementProps, ref) => { - const { id, indent = 0, noIndent, noDrop, noDrag, noFocus, style = {}, dragThreshold = 3, ...rest } = props + const { id, indent = 0, noIndent, onlyIndentDataAttr, noDrop, noDrag, noFocus, style = {}, dragThreshold = 3, ...rest } = props const fallbackDisplay = useMemo(() => style.display, [style]) const { onMouseDown, onMouseUp, onMouseDownExplicit, getCache } = useDrag() const elementRef = useRef(null) const styles = useMemo( () => ({ ...style, - width: indent ? `calc(100% - var(--f-drag-indent) * ${indent})` : '100%', - marginLeft: indent && !noIndent ? `calc(var(--f-drag-indent) * ${indent})` : undefined, + width: indent && onlyIndentDataAttr ? `calc(100% - var(--f-drag-indent) * ${indent})` : '100%', + marginLeft: indent && !noIndent&& onlyIndentDataAttr ? `calc(var(--f-drag-indent) * ${indent})` : undefined, }), [style, indent] ) From 56b072158a81f96a8c9e0767f1562c3febf132a2 Mon Sep 17 00:00:00 2001 From: Jo du Plessis Date: Sun, 5 Oct 2025 17:07:17 +0200 Subject: [PATCH 4/6] make active color lighter --- packages/core/src/select/select.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/core/src/select/select.css b/packages/core/src/select/select.css index ad77d367..6f59bc3e 100644 --- a/packages/core/src/select/select.css +++ b/packages/core/src/select/select.css @@ -1,6 +1,6 @@ :root { --f-select-width: 300px; - --f-select-color: var(--f-color-text); + --f-select-color: var(--f-color-text-weak); --f-select-color-placeholder: var(--f-color-text-weakest); --f-select-color-disabled: var(--f-color-text-weakest); --f-select-color-selected: var(--f-color-accent); From 20f8e770a15df201866b7322658d55e7ffa51586 Mon Sep 17 00:00:00 2001 From: Jo du Plessis Date: Tue, 14 Oct 2025 07:20:37 +0200 Subject: [PATCH 5/6] use correct boolean operator --- packages/core/src/drag/drag-element.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/core/src/drag/drag-element.tsx b/packages/core/src/drag/drag-element.tsx index f2e01b83..67f63408 100644 --- a/packages/core/src/drag/drag-element.tsx +++ b/packages/core/src/drag/drag-element.tsx @@ -20,8 +20,8 @@ export const DragElement = forwardRef((props: DragElementProps, ref) => { const styles = useMemo( () => ({ ...style, - width: indent && onlyIndentDataAttr ? `calc(100% - var(--f-drag-indent) * ${indent})` : '100%', - marginLeft: indent && !noIndent&& onlyIndentDataAttr ? `calc(var(--f-drag-indent) * ${indent})` : undefined, + width: indent && !onlyIndentDataAttr ? `calc(100% - var(--f-drag-indent) * ${indent})` : '100%', + marginLeft: indent && !noIndent && !onlyIndentDataAttr ? `calc(var(--f-drag-indent) * ${indent})` : undefined, }), [style, indent] ) From f6d590bc2c182a30390d4ad1f52b217d9f3efc37 Mon Sep 17 00:00:00 2001 From: Jo du Plessis Date: Tue, 14 Oct 2025 07:20:49 +0200 Subject: [PATCH 6/6] align text center --- packages/core/src/tooltip/tooltip.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/core/src/tooltip/tooltip.css b/packages/core/src/tooltip/tooltip.css index 4786fa55..d96b15a5 100644 --- a/packages/core/src/tooltip/tooltip.css +++ b/packages/core/src/tooltip/tooltip.css @@ -46,6 +46,7 @@ .f-tooltip-content .f-text, .f-tooltip-content .f-heading { color: inherit; + text-align: center; } .f-tooltip-content .f-text {