Skip to content

NcListItem: remove max width - #5830

Merged
GVodyanov merged 1 commit into
masterfrom
style/remove-max-width-list-item
Jul 23, 2024
Merged

NcListItem: remove max width#5830
GVodyanov merged 1 commit into
masterfrom
style/remove-max-width-list-item

Conversation

@GVodyanov

Copy link
Copy Markdown
Contributor

☑️ Resolves

🖼️ Screenshots

🏚️ Before 🏡 After
image image

@miaulalala

@GVodyanov GVodyanov self-assigned this Jul 18, 2024
@GVodyanov GVodyanov added the 3. to review Waiting for reviews label Jul 18, 2024
@GretaD

GretaD commented Jul 18, 2024

Copy link
Copy Markdown
Contributor

this will break mail on list layout, most probably.

@susnux susnux left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

While the usage in the other PR does not make sense (there is no list so no list item shall be used), I think this makes sense.

I am not 100% sure about the 1-line design as now the name will be much wider but I think its ok(?)

@susnux

susnux commented Jul 18, 2024

Copy link
Copy Markdown
Contributor

this will break mail on list layout, most probably.

If the name width is important than we should adjust it here by adding the max-width: 300px only for the 1-line design :)

@GVodyanov

Copy link
Copy Markdown
Contributor Author

this will break mail on list layout, most probably.

@GretaD I did some testing and to me it looks fine actually, worst case scenario if you have a really long title this happens:
image

But as @susnux said we can add the max-width there if needed, makes more sense to have it only there than everywhere I think.

@GretaD

GretaD commented Jul 19, 2024

Copy link
Copy Markdown
Contributor

But as @susnux said we can add the max-width there if needed, makes more sense to have it only there than everywhere I think.

then lets do that please, add the max-width: 300 for the one line, and remove it for the rest.

@GVodyanov

Copy link
Copy Markdown
Contributor Author

But as @susnux said we can add the max-width there if needed, makes more sense to have it only there than everywhere I think.

then lets do that please, add the max-width: 300 for the one line, and remove it for the rest.

Done @GretaD :)

Comment thread src/components/NcListItem/NcListItem.vue Outdated
Comment thread src/components/NcListItem/NcListItem.vue Outdated
@GVodyanov
GVodyanov force-pushed the style/remove-max-width-list-item branch from 708c228 to 5f39bfd Compare July 22, 2024 13:00
Signed-off-by: Grigory V <scratchx@gmx.com>
@GVodyanov
GVodyanov force-pushed the style/remove-max-width-list-item branch from 5f39bfd to dffe5b4 Compare July 23, 2024 08:00
@GVodyanov
GVodyanov merged commit 8129292 into master Jul 23, 2024
@GVodyanov
GVodyanov deleted the style/remove-max-width-list-item branch July 23, 2024 08:03
@Antreesy Antreesy added this to the 8.15.1 milestone Jul 23, 2024
@susnux susnux added the bug Something isn't working label Jul 29, 2024
@susnux

susnux commented Jul 29, 2024

Copy link
Copy Markdown
Contributor

/backport to next

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to review Waiting for reviews bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants