‹ Home
Exported

Diocese of Scranton

Gary Smith, Web Department Director at DiocesanBlake Stapleton, Web Designer at DiocesanVeronica Alvarado, Project Manager at DiocesanRyan Ross, Developer at DiocesanConnie WisdoDan Gafdllagher, Diocese of Scranton StaffMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanNathalie Shultz, Web ConsultantMarcus Borger, Developer at Diocesan_SupportRyan Hoch, Web at DiocesanRachel TupperKarl Evans, Diocesan +1 others
From the list: EventOn

✔ Please check horizontal and vertical spacing, and also text wrapping on Staff directory pages (specifically when you select by alpha-character).

Connie W. added this on
Completed by Ryan R.
Assigned to
Ryan Ross, Developer at Diocesan Ryan R.
Notes
Hi Ryan,

Please page through our staff directory listing, by alpha character, to see what I mean.  (Letter A, letter B, etc.).  

I think single-line spacing is preferred.

Also, when you display All Staff, the fax numbers wrap, and there is inconsistency between single line spacing and double-line spacing.

In the case of phone numbers, with extensions added, can we force the extension to wrap to the second line?

Thank you!

Comments & Events

Ryan Ross, Developer at Diocesan Ryan Ross, Developer
To sum up, the inconsistencies were a result of undefined column widths.  This was partially intentional given the data we have to work with.  The columns would work themselves out, based on the staff visible.  If few staff members were showing for a particular letter of the alphabet, and had shorter titles/names, less space would be needed, hence the variations.

I went ahead and defined column widths.  At full screen resolution this will solve the variable spacing you're seeing.

Single-line spacing would be ideal, but there are some titles and phone numbers that simply will not allow that.  Those will need to wrap to a second line.  I chose a width for Phone and Fax that would force an extension to the next line (as long the phone and extension are separated by a space).

When it comes to responsiveness, the laptop sizes (1024px, 800px) are going to be the tricky ones, while tables and mobile phones (768px, 360px) will be simpler as I can break them out of the table and simply list them one by one.

https://scranton.diocesanweb.org/staff/
Notified 1 person
Ryan Ross, Developer at Diocesan
Ryan Ross completed this to-do.