-
Notifications
You must be signed in to change notification settings - Fork 9
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
CS 7628 error cards design update #1911
Conversation
227c185
to
8bf1351
Compare
8bf1351
to
bd609f2
Compare
@@ -1117,7 +1117,6 @@ export default class CodeSubmode extends Component<Signature> { | |||
} | |||
|
|||
.card-error { | |||
flex: 2; |
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.
i added this because of how errors are displayed in the code mode preview such that the error detail accordion when open took up half as much space as the last known good state. double check the view for small screens too to make sure it makes sense at different sizes.
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.
Thanks for bringing it out @habdelra , then I understand why flex property is introduced now. Code mode container is displaying flex column
. I will tweak and check again
Can you include some screenshots of what this looks like in code mode too? this error page is shared between interact mode and code mode |
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.
looks good!
Refer to https://linear.app/cardstack/issue/CS-7628/design-for-errored-cards-states
What is changing
Notes