github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-04 23:27:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #11263 from overleaf/ae-rich-text-available

Browse source 
Only enable the Rich Text option for supported file extensions

GitOrigin-RevId: ae67435b50701bb5be71bab94d8c3c4da4129d88
This commit is contained in:
June Kelly 2023-02-08 11:02:01 +00:00 committed by Copybot
parent f3ff2541fb
commit 035b5cd456
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
services/web/frontend/js/features/source-editor/components/editor-switch.tsx
View file

@ -4,6 +4,7 @@ import Tooltip from '../../../shared/components/tooltip'
import { sendMB } from '../../../infrastructure/event-tracking'
import getMeta from '../../../utils/meta'
import SplitTestBadge from '../../../shared/components/split-test-badge'
import isValidTeXFile from '../../../main/is-valid-tex-file'
function Badge() {
const content = (
@ -48,7 +49,9 @@ function EditorSwitch() {
const [visual, setVisual] = useScopeValue('editor.showVisual')
const richTextOrVisual = richText || visual
const [docName] = useScopeValue('editor.open_doc_name')
const richTextAvailable = isValidTeXFile(docName)
const richTextOrVisual = richText || (richTextAvailable && visual)
const handleChange = useCallback(
event => {
@ -130,6 +133,7 @@ function EditorSwitch() {
className="toggle-switch-input"
checked={!!richTextOrVisual}
onChange={handleChange}
disabled={!richTextAvailable}
/>
<label
htmlFor="editor-switch-rich-text"

5
services/web/frontend/stylesheets/app/editor/toolbar.less
View file

@ -282,6 +282,11 @@
pointer-events: none;
}
.toggle-switch-input:disabled + .toggle-switch-label {
color: @gray-lighter;
cursor: not-allowed;
}
.toggle-switch-input:checked + .toggle-switch-label {
span {
background-position: -100% 0;