diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.tsx index 668a773323..e1735f42e5 100644 --- a/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.tsx +++ b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.tsx @@ -40,6 +40,11 @@ function FileTreeItemInner({ useFeatureFlag('bibtex-visual-editor') && type !== 'folder' && name.toLowerCase().endsWith('.bib') + const showMarkdownBadge = + useFeatureFlag('markdown-visual') && + type !== 'folder' && + (name.toLowerCase().endsWith('.md') || + name.toLowerCase().endsWith('.markdown')) const { dragRef, setIsDraggable } = useDraggable(id) @@ -93,7 +98,7 @@ function FileTreeItemInner({ >
{showBibBadge && ( -
+
)} + {showMarkdownBadge && ( +
+ +
+ )} {hasMenu ? : null}
diff --git a/services/web/frontend/stylesheets/pages/editor/file-tree.scss b/services/web/frontend/stylesheets/pages/editor/file-tree.scss index 66dc8a65ed..c50321931f 100644 --- a/services/web/frontend/stylesheets/pages/editor/file-tree.scss +++ b/services/web/frontend/stylesheets/pages/editor/file-tree.scss @@ -406,7 +406,7 @@ } } - .file-tree-bib-badge { + .file-tree-beta-badge { position: absolute; right: var(--spacing-09); top: 0; @@ -418,6 +418,7 @@ font-size: var(--font-size-03); &.labs-badge { + padding: var(--spacing-01); color: var(--white); } @@ -427,7 +428,7 @@ } } - .file-tree-has-bib-badge .item-name { + .file-tree-has-beta-badge .item-name { padding-right: var(--spacing-09); }