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

2224 settings UI issues #2227

Merged
merged 6 commits into from
Dec 16, 2024
Merged

2224 settings UI issues #2227

merged 6 commits into from
Dec 16, 2024

Conversation

zahardev
Copy link
Contributor

@zahardev zahardev commented Nov 28, 2024

Implements #2224
💾 Build file (609641b).

@mrcasual mrcasual requested a review from Mwalek November 28, 2024 22:17
@mrcasual mrcasual self-assigned this Nov 28, 2024
@mrcasual
Copy link
Collaborator

@Mwalek, please test with DataTables, Maps, Ratings & Reviews, etc.

@Mwalek
Copy link

Mwalek commented Nov 29, 2024

@mrcasual @zahardev I tested this and confirmed that the layout no longer breaks when there are long form names. However, I found a couple of issues related to the alternating colors (zebra stripes).

The common issue across nearly every settings tabs is that there are no zebra stripes until the first click (change to settings).

Ratings & Reviews: When the default option "5-Star Rating" for Review type is selected, the fields below do not have zebra stripes.

Screenshot 2024-11-29 at 1 59 50 PM

 

DataTables: Zebra stripes are not always implemented correctly. E.g. when "Enable Buttons" is clicked.

Screenshot 2024-11-29 at 2 29 14 PM

@mrcasual
Copy link
Collaborator

mrcasual commented Dec 2, 2024

@zahardev, please see if you can address @Mwalek's comments as part of this PR.

@mrcasual
Copy link
Collaborator

mrcasual commented Dec 12, 2024

@zahardev, could you please resolve the merge conflicts?

@zahardev
Copy link
Contributor Author

@mrcasual Done, and also added an enhancement for slow browsers.

});
$trs.filter( ':even' ).addClass( 'alternate' );
} );
}, 50 );
Copy link
Collaborator

@mrcasual mrcasual Dec 13, 2024

Choose a reason for hiding this comment

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

@zahardev, why this magic number? Will it work in every situation?

Copy link
Contributor Author

@zahardev zahardev Dec 14, 2024

Choose a reason for hiding this comment

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

@mrcasual We need to allow the browser some time to render the DOM before applying zebra stripes. However, this time should be short enough that users don’t notice the visual change when rows initially load without zebra stripes, and then the stripes are applied. Probably we could reduce it to 20 milliseconds, but I’m afraid that slower browsers might not have enough time to fully render the DOM.

@mrcasual mrcasual merged commit f62f4e4 into develop Dec 16, 2024
1 check passed
@mrcasual mrcasual deleted the 2224-settings-ui-issues branch December 16, 2024 13:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants