Skip to content
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(NcListItem): Make paddings smaller again on Nextcloud 30 #5879

Merged
merged 1 commit into from
Jul 29, 2024

Conversation

susnux
Copy link
Contributor

@susnux susnux commented Jul 29, 2024

☑️ Resolves

Add a legacy class so that we can keep stylings for Nextcloud 29 and older but still can style the component properly on Nextcloud 30 (smaller border radius = we can use smaller paddings)

🖼️ Screenshots

🏚️ Before 🏡 After
Screenshot 2024-07-29 at 10-01-40 Nextcloud Vue Style Guide Screenshot 2024-07-29 at 09-55-11 Nextcloud Vue Style Guide
Screenshot 2024-07-29 at 10-01-35 Nextcloud Vue Style Guide Screenshot 2024-07-29 at 09-55-19 Nextcloud Vue Style Guide

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable
  • 3️⃣ Backport to next requested with a Vue 3 upgrade

@susnux susnux added bug Something isn't working 3. to review Waiting for reviews labels Jul 29, 2024
@susnux susnux requested review from GretaD and Antreesy July 29, 2024 08:02
@susnux susnux mentioned this pull request Jul 29, 2024
Copy link
Contributor

@Antreesy Antreesy left a comment

Choose a reason for hiding this comment

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

top+bottom spacing seems a bit bigger, but I assume, that is because of avatart heigth = 44px and text reserved height = 48px
image

For stable29 it would be the similar issue 44 < 48:

Prod This PR
image image

@susnux
Copy link
Contributor Author

susnux commented Jul 29, 2024

top+bottom spacing seems a bit bigger, but I assume, that is because of avatart heigth = 44px and text reserved height = 48px

You are right, compared it with the previous version, and for legacy we just need 8px (2 * grid) padding.
Fixed :)

@susnux susnux requested a review from Antreesy July 29, 2024 09:25
Copy link
Contributor

@Antreesy Antreesy left a comment

Choose a reason for hiding this comment

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

Looks fine. Icon is provided by parent component, so size/left margin should be adjusted on apps side anyway (to make a border width around icon nice)

src/components/NcListItem/NcListItem.vue Outdated Show resolved Hide resolved
@Antreesy Antreesy requested a review from ShGKme July 29, 2024 09:55
Add a `legacy` class so that we can keep stylings for Nextcloud 29 and older
but still can style the component properly on Nextcloud 30 (smaller border radius = we can use smaller paddings)

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
@susnux susnux merged commit eba3191 into master Jul 29, 2024
19 checks passed
@susnux susnux deleted the fix/nc-list-item-height branch July 29, 2024 11:24
@Antreesy
Copy link
Contributor

Antreesy commented Aug 3, 2024

/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.

3 participants