ui: brand badge colors and hide python packages for non-revealjs
Build and Deploy Verso / deploy (push) Successful in 13m8s
Build and Deploy Verso / deploy (push) Successful in 13m8s
- LaTeX badge: #13c965 (Overleaf brand green, from upstream overleaf/overleaf) - Typst badge: #239dad (Typst brand blue/teal, from typst.app) - Python packages toolbar button: only shown when the compiled output is output.html, i.e. a Quarto RevealJS presentation. Uses the same pdfFile?.path === 'output.html' check as PresentationPreviewButton. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -8,6 +8,7 @@ import { usePermissionsContext } from '@/features/ide-react/context/permissions-
|
||||
import FileTreeActionButton from './file-tree-action-button'
|
||||
import { useRailContext } from '../../ide-react/context/rail-context'
|
||||
import PythonRequirementsModal from './python-requirements-modal'
|
||||
import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
|
||||
|
||||
export default function FileTreeActionButtons({
|
||||
fileTreeExpanded,
|
||||
@@ -19,6 +20,8 @@ export default function FileTreeActionButtons({
|
||||
const { write } = usePermissionsContext()
|
||||
const { handlePaneCollapse } = useRailContext()
|
||||
const [showPythonModal, setShowPythonModal] = useState(false)
|
||||
const { pdfFile } = useCompileContext()
|
||||
const isRevealJs = pdfFile?.path === 'output.html'
|
||||
|
||||
const {
|
||||
canCreate,
|
||||
@@ -112,7 +115,7 @@ export default function FileTreeActionButtons({
|
||||
iconType="delete"
|
||||
/>
|
||||
)}
|
||||
{write && (
|
||||
{write && isRevealJs && (
|
||||
<FileTreeActionButton
|
||||
id="python-packages"
|
||||
description={t('python_packages')}
|
||||
|
||||
@@ -411,11 +411,11 @@ ul.project-list-filters {
|
||||
}
|
||||
|
||||
&.project-format-badge-typst {
|
||||
background-color: #ee6331;
|
||||
background-color: #239dad; // typst.app brand blue
|
||||
}
|
||||
|
||||
&.project-format-badge-latex {
|
||||
background-color: #72994e;
|
||||
background-color: #13c965; // Overleaf brand green
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user