The Person Signal List block drops and/or compresses columns at certain screen widths/breakpoints

[stephpellock]

Description

The Person Signal List block doesn’t allow for any styling customization. At certain breakpoints or screen widths, it automatically hides columns like note and expiration date, and there’s no way to override this behavior. Additionally, the name and owner columns become heavily compressed at certain breakpoints when the block resides on the profile page, making it difficult to read.

Actual Behavior

The note column is hidden at this width:

The name and owner columns are squished at this width when the block resides on the profile page:

Expected Behavior

The note and expiration date columns remain visible at all screen widths and breakpoints. The name and owner columns don't become heavily compressed at certain breakpoints when the Signal block resides on the profile page.

Steps to Reproduce

• Go to a person's profile and click on the security tab.
• Click the plus sign on the Signals block to add a signal.
• Select a signal type and save.
• Drag the screen width to the left, and note and expiration date disappear at certain breakpoints.
• On the profile page, drag the screen to the left and the name and owner columns become heavily compressed at certain breakpoints.

** Optionally, move the Signals block to Section D1 so it's not full-width and you'll experience the same issue.

Issue Confirmation

• Perform a search on the Github Issues to see if your bug is already reported.
• Reproduced the problem on a fresh install or on the demo site.

Rock Version

17.6

Client Culture Setting

en-US

[nairdo]

We fixed the note and expiration date (b1b19ff) so they will continue to show on very small devices (as it was in the original webforms version of this block). The e918735 change above will also have a style/css change that goes along with it.

[stephpellock]

Wonderful – thank you!