-
Notifications
You must be signed in to change notification settings - Fork 712
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
Clarify terminal is child window of details panel. #1903
Conversation
- Terminal shadow has been lost.
screen cap? |
any chance we could change the 'close' to a 'slide in'? |
and perhaps change the icon too, e.g. ">>" |
I like: boom, its gone, gotta make a new one now. Though you could interpret the idea of the having access to the container as continuous thing here and it would make more sense summoning it back, thoughts? (+ @davkal) |
I see your point. My concern is that I see the "x" button and "boom, its gone" action as indicators that the terminal has an independent life from the detail panel. |
They feel quite connected now. There are other onClose animations we could look into but I don't wanna make it too animation heavy, and I think a snappy close is usually nice: Done here, I'm off to do something else. Vs establishing context etc as we show something new. Alt close animation:
|
I'm happy with the immediate close on X. Not so happy with the aesthetic. Both panels look a bit bolted together, colors are clashing a bit. There is no clear hierarchy (other than suggested by the animation). Most oddly, the details panel has a shadow, but the terminal has not. Counter-proposal: remove the dark color border, add padding (to make it smaller to suggest hierarchy), and add shadow. |
@@ -328,4 +353,10 @@ class Terminal extends React.Component { | |||
} | |||
} | |||
|
|||
|
|||
Terminal.defaultProps = { | |||
connect: true |
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
&-animation-wrapper { | ||
width: 100%; | ||
height: 100%; | ||
transition: transform 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); |
This comment was marked as abuse.
This comment was marked as abuse.
Sorry, something went wrong.
YES! I like the hover bit. It feels like the details panel owns the terminal. Well done. LGTM |
So when you close the details panel and the terminal closes too its not a surprise!
Fixes #1152