-
Notifications
You must be signed in to change notification settings - Fork 260
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: polish list item #10022
fix: polish list item #10022
Conversation
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.
src/components/Envelope.vue
Outdated
@@ -1072,13 +1072,19 @@ export default { | |||
} | |||
:deep(.list-item) { | |||
flex-wrap: wrap; | |||
padding: var(--default-grid-baseline); |
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.
Could you move this into the skeleton component? list item is our own component now. we don't need the deep selectors to patch styles
src/components/Envelope.vue
Outdated
} | ||
:deep(.line-two__subtitle) { | ||
display: flex; | ||
flex-basis: 100%; | ||
padding-left: 40px; | ||
width: 450px; | ||
} | ||
:deep(.list-item__actions) { |
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.
same here
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.
the ellipsis happen only when there are too many tags, up to 3 its shown correctly, unless these 3 have longer translations or are personalized ones with long strings. But yes, i agree with you. |
Signed-off-by: greta <gretadoci@gmail.com>
b39596e
to
b48317d
Compare
Request:
after. Please notice that the avatar is already 40px