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.

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

Expand and collapse left hand file pane #316

Merged
merged 16 commits into from
Jan 6, 2023

Conversation

create-issue-branch[bot]
Copy link
Contributor

@create-issue-branch create-issue-branch bot commented Jan 5, 2023

What's Changed?

  • Added ability to collapse and expand left hand file pane
  • Truncated long file names in left hand file pane and a few other minor styling tweaks
  • Added title prop to Button and ability to add a className to the outer container of a skinny button

Screenshots

Screenshot 2023-01-06 at 12 40 21

Screenshot 2023-01-06 at 12 40 41

Screenshot 2023-01-06 at 12 40 57

Screenshot 2023-01-06 at 12 41 15

closes #305

@create-issue-branch create-issue-branch bot temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 5, 2023 09:56 Inactive
@github-actions
Copy link

github-actions bot commented Jan 5, 2023

@github-actions
Copy link

github-actions bot commented Jan 5, 2023

@github-actions
Copy link

github-actions bot commented Jan 5, 2023

@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 5, 2023 12:12 — with GitHub Actions Inactive
@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 5, 2023 14:20 — with GitHub Actions Inactive
@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 5, 2023 17:15 — with GitHub Actions Inactive
@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 5, 2023 17:46 — with GitHub Actions Inactive
@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 6, 2023 10:43 — with GitHub Actions Inactive
@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 6, 2023 11:27 — with GitHub Actions Inactive
@github-actions
Copy link

github-actions bot commented Jan 6, 2023

@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 6, 2023 12:21 — with GitHub Actions Inactive
@github-actions
Copy link

github-actions bot commented Jan 6, 2023

@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 6, 2023 12:26 — with GitHub Actions Inactive
@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 6, 2023 12:37 — with GitHub Actions Inactive
@github-actions
Copy link

github-actions bot commented Jan 6, 2023

@loiswells97 loiswells97 marked this pull request as ready for review January 6, 2023 12:42
@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 6, 2023 15:14 — with GitHub Actions Inactive
@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 6, 2023 15:16 — with GitHub Actions Inactive
@loiswells97 loiswells97 temporarily deployed to previews/issues/305-Expand_and_collapse_left_hand_file_pane January 6, 2023 15:17 — with GitHub Actions Inactive
@github-actions
Copy link

github-actions bot commented Jan 6, 2023

@github-actions
Copy link

github-actions bot commented Jan 6, 2023

@github-actions
Copy link

github-actions bot commented Jan 6, 2023

@github-actions
Copy link

github-actions bot commented Jan 6, 2023

Copy link
Contributor

@IzzySmillie IzzySmillie left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left a nit-picking white space comment (which is not a blocker obvs ha) but otherwise LGTM 🚀

@@ -1,5 +1,5 @@
import React from "react";
import { render } from "@testing-library/react"
import { render} from "@testing-library/react"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lil whitespace 👀

<div className={`menu-options-bottom`}>
{bottomMenuOptions.map((menuOption, i) => (
<MenuSideBarOption key={i} Icon={menuOption.icon} title={menuOption.title} isActive={option === menuOption.name} toggleOption={toggleOption} name={menuOption.name}/>
))}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Part of me feels this could be refactored a bit as it's basically the same thing. Let's leave it the ol' rule of three for now!

@loiswells97 loiswells97 merged commit cb0d685 into main Jan 6, 2023
@loiswells97 loiswells97 deleted the issues/305-Expand_and_collapse_left_hand_file_pane branch January 6, 2023 16:37
patch0 added a commit that referenced this pull request Jan 17, 2023
 ## Added

- Styling of the projects list (#317)
- Ability to collapse and expand the left hand file pane (#316)
- Plausible event tracking for left hand file pane (#325)
- Last updated field added to the projects table (#319)
- Message for empty state on projects (#327)
- Rename project action on project index page (#324)
- Context menu for project index page actions on mobile (#324)
- Danger button styling (#330)

 ## Changed

- Change port number to fix 'no consent token' error (#326)
- Long file names truncated rather than scrolling in left hand file pane (#316, #337)
- Tab scrollbars only appear when necessary (#331)
- Added merge=union gitattribute for this file (#339)

 ## Fixed

- Make sure button text is always centered (#328)
- Make theme and font size persist across all pages of the app (#329)
- Make dismissing the Beta banner persist across all pages of the app (#329)
- Touch area of icon-only buttons (#330, #336)
- Delete project action on project index page (#330)
- Refactored project list loading to allow loading states to be shown (#330)
- Removed unneeded scrollbars on the editor and output panels (#331)
- Make Your projects page background extend below the fold (#334)
@patch0 patch0 mentioned this pull request Jan 17, 2023
patch0 added a commit that referenced this pull request Jan 17, 2023
## Added

- Styling of the projects list (#317)
- Ability to collapse and expand the left hand file pane (#316)
- Plausible event tracking for left hand file pane (#325)
- Last updated field added to the projects table (#319)
- Message for empty state on projects (#327)
- Rename project action on project index page (#324)
- Context menu for project index page actions on mobile (#324)
- Danger button styling (#330)

## Changed

- Change port number to fix 'no consent token' error (#326)
- Long file names truncated rather than scrolling in left hand file pane
(#316, #337)
- Tab scrollbars only appear when necessary (#331)
- Added merge=union gitattribute for this file (#339)

## Fixed

- Make sure button text is always centered (#328)
- Make theme and font size persist across all pages of the app (#329)
- Make dismissing the Beta banner persist across all pages of the app
(#329)
- Touch area of icon-only buttons (#330, #336)
- Delete project action on project index page (#330)
- Refactored project list loading to allow loading states to be shown
(#330)
- Removed unneeded scrollbars on the editor and output panels (#331)
- Make Your projects page background extend below the fold (#334)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Expand and collapse left hand file pane
2 participants