search

UCDavisLibrary / ucd-lib-elements

Create webcomponent bundles for library website
MIT License
0 stars 0 forks source link

Library Catalog Breakpoints Need Adjusted #8

Closed wrenaria closed 5 years ago

wrenaria commented 5 years ago

I consider this a critical usability issue, so let's get it done asap, please!

Maintain Space Between Options

Deanna helped bring to my attention that there are some is some issues with the breakpoints for the links under the search field on the Library Catalog + Articles section.

She identified that on smaller screens, the ‘Library Catalog only’ and ‘Advanced Search’ below the search box are very close together, making them difficult to differentiate. Deanna sent this screenshot as an example:

image001

To avoid this, there should never be less than 40 px between the end of "Library catalog only" and beginning of "Advanced search." This will make sure it remains readable.

Treat Links as Units

In addition, I noticed that we're getting weird breaks like these:

Screen Shot 2019-04-01 at 4 15 15 PM

Screen Shot 2019-04-01 at 4 15 29 PM

Screen Shot 2019-04-01 at 4 20 56 PM

Screen Shot 2019-04-01 at 4 18 55 PM

This is... not good. It is, in fact, unusably bad. Each of these links need to be treated as a complete unit to maintain readability.

Examples of GOOD Breaks

Screen Shot 2019-04-01 at 4 17 40 PM

Screen Shot 2019-04-01 at 4 21 44 PM

Screen Shot 2019-04-01 at 4 34 21 PM

It looks like this issue also affects the "Subject and Course Guides" section of the search widget.

The "All UC Libraries (Melvyl)" section looks like it breaks okay, but maybe double check to be sure.

spelkey-ucd commented 5 years ago

fix is on rc.

wrenaria commented 5 years ago

@spelkey-ucd This looks great. Thanks!