math: add visual active state for latex editor

serlo · Aug 7, 2023 · 4ae81d3 · 4ae81d3
1 parent 7ea11db
commit 4ae81d3
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/serlo-editor/math/editor.tsx b/src/serlo-editor/math/editor.tsx
@@ -200,7 +200,14 @@ export function MathEditor(props: MathEditorProps) {
             />
           </div>
         ) : (
-          <MathRenderer {...props} ref={anchorRef} />
+          <div
+            className={clsx(
+              props.inline ? 'inline-block' : '',
+              'rounded-md bg-editor-primary-200'
+            )}
+          >
+            <MathRenderer {...props} ref={anchorRef} />
+          </div>
         )}
 
         {renderControlsPortal(