fix: Improve handling of editor size on small screens (#122)

seek-oss · Feb 6, 2020 · fb68977 · fb68977
1 parent 1477830
commit fb68977
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/Playroom/Playroom.tsx b/src/Playroom/Playroom.tsx
@@ -146,7 +146,7 @@ export default ({ components, themes, widths, snippets }: PlayroomProps) => {
         })}
         defaultSize={sizeStyles}
         size={sizeStyles}
-        minWidth={MIN_WIDTH}
+        minWidth={isVerticalEditor ? MIN_WIDTH : undefined}
         minHeight={MIN_HEIGHT}
         onResize={(_event, _direction, { offsetWidth, offsetHeight }) => {
           updateEditorSize({ isVerticalEditor, offsetWidth, offsetHeight });

diff --git a/src/Playroom/variables.less b/src/Playroom/variables.less
@@ -86,7 +86,7 @@
 @toolbar-closed-size: 60px;
 @toolbar-open-size: 300px;
 @toolbar-item-size: 60px;
-@toolbar-max-item-count: 4;
+@toolbar-max-item-count: 5;
 @toolbar-foregound: @gray-4;
 @toolbar-background: @white;
 @toolbar-highlight: @highlight;