some catalogers are frustrated by the UI changes brought about by Bug 20044. On smaller screen sizes the the page looks too cluttered and catalogers are unable to scan the information within this layout. A common complaint is subfield headings, and the duplicate/delete buttons are no longer in line with input fields. It is causing interruptions in workflow.
I would say that the problem is not limited to smaller screen sizes. The issue of subfield headings no longer being in line w/ the input fields occurs even on very large screens with default zoom settings (tested on 27.5" & 31" monitors, for example). See screenshot for an example.
Created attachment 90756 [details] Cataloging screen bloat Note forms are on a separate line. Also try shrinking the width of the browser screen to see some fairly odd behaviors (at least in Firefox & Opera).
Cab perhaps you could test this CSS for a possible update by adding this to IntranetUserCSS? @media (min-width: 613px) { #addbibliotabs div.subfield_line label { width: 15em; } #addbibliotabs .input_marceditor { width: 20em; } #addbibliotabs .subfield { width: 12em; } } @media (min-width: 768px) { #addbibliotabs div.subfield_line label { width: 20em; } #addbibliotabs .input_marceditor { width: 30em; } #addbibliotabs .subfield { width: 14em; } } @media (min-width: 1200px) { #addbibliotabs div.subfield_line label { width: 25em; } #addbibliotabs .input_marceditor { width: 50em; } #addbibliotabs .subfield { width: 16em; } }
(In reply to Owen Leonard from comment #3) > Cab perhaps you could test this CSS for a possible update by adding this to > IntranetUserCSS? For others interested, this did help matters for us & is worth trying.
Since the newest update, all the beautiful formatting we used to enjoy while editing records is gone. This is slowing my work flow down so much, it's really not acceptable. Two factors are making life particularly difficult. First, the indenting is gone. Before, with subfields indented from fields, and open boxes indented from that, it was quick and easy to scan down a page. Now the more cluttered look of everything left-justified makes it difficult to focus on field numbers. Second, the longer field boxes (which are rarely even useful, as so much of the content is brief, and never necessary, since they all expand vertically to include content) are distracting. But the main difficulty is the fact that subfield headings, and the duplicate/delete buttons are no longer in line with the boxes, but above them. I keep having to correct myself, because I use the box above instead of below a subfield heading, just because it's not as immediately obvious. Also, there is the small up-pointing arrow to the left of the subfield number and label, which is there for rearranging subfields manually, but in the new alignment, it seems to be (incorrectly) connecting the label to the box above it. I have to really concentrate to remind my brain that it has a different purpose, and that never happened before. > Can we please have the old alignment and indents back? Applying the suggestion that Owen posted is beyond me. I just need it to work.
(In reply to Kim Olson from comment #5) > Applying the suggestion that Owen posted is beyond me. To use my suggestion above you would go to Administration -> Global system preferences, and search for "IntranetUserCSS." Click the "Click to edit" link to expand the textarea. Paste in the following text: @media (min-width:613px){#addbibliotabs div.subfield_line label{width:15em}#addbibliotabs .input_marceditor{width:20em}#addbibliotabs .subfield{width:12em}}@media (min-width:768px){#addbibliotabs div.subfield_line label{width:20em}#addbibliotabs .input_marceditor{width:30em}#addbibliotabs .subfield{width:14em}}@media (min-width:1200px){#addbibliotabs div.subfield_line label{width:25em}#addbibliotabs .input_marceditor{width:50em}#addbibliotabs .subfield{width:16em}} Save your changes.
800x600 comparisons: On master: https://snipboard.io/RTLecO.jpg With patch CSS changes: https://snipboard.io/Tkvemc.jpg
When I tested this we are now close to the "with CSS changes" view when the screen is smaller. The labels are right aligned sticking to the input fields and stay next to them instead of moving above the field even on small screens. I am not sure where we changed it, but it looks like we did!