Bug 13302

Summary: Use CSS3 ellipsis for email address in staff client patron sidebar
Product: Koha Reporter: Owen Leonard <oleonard>
Component: TemplatesAssignee: Owen Leonard <oleonard>
Status: CLOSED FIXED QA Contact: Testopia <testopia>
Severity: enhancement    
Priority: P5 - low CC: brendan, josef.moravec, mirko, veron
Version: Main   
Hardware: All   
OS: All   
See Also: https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=13212
Change sponsored?: --- Patch complexity: Trivial patch
Documentation contact: Documentation submission:
Text to go in the release notes:
Version(s) released in:
Circulation function:
Attachments: Bug 13302 - Use CSS3 ellipsis for email address in staff client patron sidebar
Screenshot
Bug 13302 [Revised] Use CSS3 ellipsis for email address in staff client patron sidebar
Bug 13302 [Revised] Use CSS3 ellipsis for email address in staff client patron sidebar
Bug 13302 [Revised] Use CSS3 ellipsis for email address in staff client patron sidebar

Description Owen Leonard 2014-11-19 19:26:18 UTC
The solution which fixed Bug 3256 back in 2009 can be replaced with a more modern CSS3 technique.
Comment 1 Owen Leonard 2014-11-19 19:38:30 UTC Comment hidden (obsolete)
Comment 2 Mirko Tietgen 2014-11-19 20:44:47 UTC
Created attachment 33701 [details]
Screenshot

Works for me on circulation.pl, but does not work on moremember.pl, see attached sceenshot.
Comment 3 Mirko Tietgen 2014-11-19 20:50:04 UTC
(Well, the ellipsis works but it seems a little off. Links are OK. No ellipsis for the address displayed in the center of moremember.pl, with or without the patch)
Comment 4 Owen Leonard 2016-02-01 14:51:27 UTC Comment hidden (obsolete)
Comment 5 Marc Véron 2016-02-02 12:26:16 UTC Comment hidden (obsolete)
Comment 6 Jonathan Druart 2016-02-03 12:20:06 UTC
Created attachment 47576 [details] [review]
Bug 13302 [Revised] Use CSS3 ellipsis for email address in staff client patron sidebar

This patch replaces the email address text overflow solution implemented
by Bug 3256 with a CSS3 technique: text-overflow: ellipsis

https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

To test, apply the patch and clear your browser cache. Edit the primary
email address of a patron so that it is very long. View that patron in
the staff client (on the checkout or details page, for instance) and
confirm that the email address is truncated with "..."

Confirm that the link and the title attribute of the link contain the
correct, full email address.

Revision uses a percentage instead of a fixed width for email display in
the sidebar to accommodate varying sidebar widths. Also added: Handling
of all email addresses displayed on the patron detail page. Although
email addresses in the body of that page were not in the scope of the
original patch, it's a good improvement to include those as well.

Signed-off-by: Owen Leonard <oleonard@myacpl.org>

Signed-off-by: Marc Véron <veron@veron.ch>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Comment 7 Brendan Gallagher 2016-03-02 04:59:41 UTC
Pushed to Master - Should be in the May 2016 Release