-
Notifications
You must be signed in to change notification settings - Fork 1
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
Fix resize handle #151
Fix resize handle #151
Conversation
@@ -99,57 +99,55 @@ export default function FileDetails(props: Props) { | |||
className={classNames(styles.root, styles.expandableTransition, props.className)} | |||
id={FILE_DETAILS_PANE_ID} | |||
> | |||
<div className={styles.fileDetailsContent}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Only change here is I deleted the <div className={styles.fileDetailsContent}>
element which changed the indentation
className={styles.resizeHandle} | ||
onMouseDown={(e) => resizeHandleOnMouseDown(e)} | ||
// TODO:??? | ||
onDoubleClick={resizeHandleDoubleClick} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
unrelated to PR, I'm curious what this to do is/what the behavior will be
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ah I can remove that TODO
this actually just resets the width of the pane back to 20%
from whatever it was
The resize handle was broken because the width of the rest of the app was set to a fixed
80%
which meant that it wasn't considering the adjustment from the variable--file-details-width
which is what determines the right sidebar pane's width. After changing the width calcuation this worked, added some styling changes to make it not have strange horizontal scroll behavior.Resolves #141