Fixes #608

remotion-dev · Sep 29, 2021 · 8a3beed · 8a3beed
1 parent fb2883a
commit 8a3beed
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/packages/cli/src/editor/components/PreviewToolbar.tsx b/packages/cli/src/editor/components/PreviewToolbar.tsx
@@ -32,7 +32,7 @@ const padding: React.CSSProperties = {
 
 export const PreviewToolbar: React.FC = () => {
 	return (
-		<div style={container}>
+		<div style={container} className="css-reset">
 			<div style={sideContainer}>
 				<div style={padding} />
 				<TimeValue />

diff --git a/packages/cli/src/editor/components/TopPanel.tsx b/packages/cli/src/editor/components/TopPanel.tsx
@@ -32,7 +32,7 @@ const leftContainer: React.CSSProperties = {
 
 export const TopPanel: React.FC = () => {
 	return (
-		<div style={container} className="css-reset">
+		<div style={container}>
 			<MenuToolbar />
 			<div style={row}>
 				<SplitterContainer
@@ -43,7 +43,7 @@ export const TopPanel: React.FC = () => {
 					orientation="vertical"
 				>
 					<SplitterElement type="flexer">
-						<div style={leftContainer}>
+						<div style={leftContainer} className="css-reset">
 							<CompositionSelector />
 						</div>
 					</SplitterElement>

diff --git a/packages/example/src/Video.tsx b/packages/example/src/Video.tsx
@@ -11,7 +11,9 @@ import {TenFrameTester} from './TenFrameTester';
 import ThreeBasic from './ThreeBasic';
 import {VideoSpeed} from './VideoSpeed';
 import {VideoTesting} from './VideoTesting';
-import './weird-css.css';
+
+// Use it to test that UI does not regress on weird CSS
+//import './weird-css.css';
 
 export const Index: React.FC = () => {
 	const inputProps = getInputProps();