Skip to content

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 Antreesy and GretaD 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 susnux force-pushed the fix/nc-list-item-height branch from 6a713be to a6498bc Compare July 29, 2024 09:24
@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)

@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 <[email protected]>
@susnux susnux force-pushed the fix/nc-list-item-height branch from f6275f2 to bf4e529 Compare July 29, 2024 10:42
@susnux susnux merged commit eba3191 into master Jul 29, 2024
@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.

4 participants