Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Try: Make site editor responsive. #26021

Merged
merged 13 commits into from
Nov 5, 2020
+114 −111
Merged

Try: Make site editor responsive. #26021

Changes from 1 commit
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
c595151
Make the site editor visible on mobile.
jasmussen Oct 12, 2020
0f5db67
Hide pinned until after medium breakpoint.
jasmussen Oct 12, 2020
5888438
Collapse Update Design label on mobile.
jasmussen Oct 12, 2020
f68f4b9
Limit tools on mobile.
jasmussen Oct 12, 2020
a308c43
Fix regressions.
jasmussen Oct 26, 2020
6f87313
Fix issue with sidebar not working.
jasmussen Oct 26, 2020
a60468c
Add desktop affordances to site editor header
jeyip Oct 27, 2020
a6d1db7
Make the site editor visible on mobile.
jasmussen Oct 12, 2020
9887b56
Fix issue with sidebar not working.
jasmussen Oct 26, 2020
26c0895
Remove the width property.
jasmussen Oct 27, 2020
936860a
Refactor LeftSidebar rendering logic for InterfaceSkeleton
jeyip Oct 28, 2020
dcef19e
Remove unnecessary LeftSidebar component
jeyip Oct 28, 2020
af4c437
Refactor LeftSidebar panel styling
jeyip Oct 28, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Fix issue with sidebar not working.
  • Loading branch information
@jasmussen @jeyip
jasmussen authored and jeyip committed Nov 5, 2020
commit 6f873135a13abbcd225cf62baedc84b5a70838a3
4 changes: 3 additions & 1 deletion packages/interface/src/components/interface-skeleton/style.scss
View file
Original file line number Diff line number Diff line change
@@ -97,7 +97,6 @@ html.interface-interface-skeleton__html-container {
left: 0;
background: $white;
color: $gray-900;
width: 0;

// On Mobile the header is fixed to keep HTML as scrollable.
@include break-medium() {
@@ -115,7 +114,10 @@ html.interface-interface-skeleton__html-container {
}

.interface-interface-skeleton__left-sidebar {
width: 0;

@include break-medium() {
width: auto;
border-right: $border-width solid $gray-200;
}
}