💄 move selection word count to bottom

This commit is contained in:
TC
2026-06-14 18:59:35 +10:00
parent caa27ab790
commit e09b5a964e
3 changed files with 14 additions and 7 deletions

View File

@@ -35,6 +35,16 @@
opacity: 0.8;
}
.statusbar-selection-wordcount {
opacity: 0.75;
}
.statusbar-selection-wordcount::before {
content: '·';
margin-right: 8px;
opacity: 0.5;
}
.statusbar-share-btn {
background: none;
border: none;

View File

@@ -685,7 +685,7 @@ export function MarkdownEditor(): JSX.Element {
const [commentDraft, setCommentDraft] = useState('')
const [wordStats, setWordStats] = useState<{ atCursor: number; total: number }>({ atCursor: 0, total: 0 })
const wordTotalRef = useRef(0)
const { activeFilePath, activeFileContent, setContent, annotations, fontSize, theme, focusMode, scrollPositions, pendingScrollToLine, clearPendingScrollToLine } = useEditorStore()
const { activeFilePath, activeFileContent, setContent, annotations, fontSize, theme, focusMode, scrollPositions, pendingScrollToLine, clearPendingScrollToLine, selectionWordCount } = useEditorStore()
function saveComment(): void {
if (!pendingComment || !commentDraft.trim()) return
@@ -1134,6 +1134,9 @@ export function MarkdownEditor(): JSX.Element {
{activeFilePath && (
<div className="editor-statusbar">
<span>word {wordStats.atCursor.toLocaleString()} of {wordStats.total.toLocaleString()}</span>
{selectionWordCount !== null && (
<span className="statusbar-selection-wordcount">{selectionWordCount.toLocaleString()} selected</span>
)}
<button
className="statusbar-share-btn"
onClick={async () => {

View File

@@ -133,7 +133,6 @@ export function AnalysisToolbar(): JSX.Element {
toggleOutline,
revisionPanelOpen,
toggleRevisionPanel,
selectionWordCount
} = useEditorStore()
const streamingContentRef = useRef('')
@@ -533,11 +532,6 @@ export function AnalysisToolbar(): JSX.Element {
>
</button>
{selectionWordCount !== null && (
<span className="toolbar-selection-wordcount" title={`${selectionWordCount} words selected`}>
{formatWordCount(selectionWordCount)} sel
</span>
)}
{activeFilePath && paragraphRhythm.length > 0 && (
<>
<button