search

LMHT / LMHT.github.io

https://lmht.github.io
15 stars 8 forks source link

Search bar changes size at 1140px width #198

Closed kathyoleary closed 8 years ago

kathyoleary commented 8 years ago

In order to keep the UX flowing smoothly, As an LMHT user, I want the search bar to maintain its size until it has to switch to a smaller size due to screen reduction and at the smaller size, we should not lose the buttons on the side.

Acceptance Criteria: Have search bar stay at larger size until the screen being minimized makes it have to reduce. Once it does reduce, at mobile view or smallest size, make sure we don't lose the buttons on the side. (Right now it changes at the media queries switch at 1140px. Talked to Jim, and decision is to maintain the larger size until it has to reduce. Also noticed that at smallest screen size, we lose the down arrow button on the side)

Given any LMHT user, I want to have a good UX experience with the screen changing when necessary but maintaining its image and not being choppy or losing functionality.

kathyoleary commented 8 years ago

Larger size:

screen shot 2016-04-05 at 3 15 02 pm

smaller size:

screen shot 2016-04-05 at 3 15 54 pm

Lost button:

screen shot 2016-04-05 at 3 16 26 pm

kathyoleary commented 8 years ago

Also, from previous issue https://github.com/LMHT/LMHT.github.io/issues/188:

It's not noticeable at smaller widths, but at ~1000px viewport, switching between the absolute and fixed search bar causes the input itself to shift horizontally. The main difference is the presence/absence of the LMHT logo, so I'm guessing it's got something to do with that.

It's obviously not a huge deal, but it does take away from the 'smoothness' of the search bar.

kathyoleary commented 8 years ago

Decided to go a different way - loaded the code change in case minds change or something changes what we can or cannot do.