Skip to content
This repository has been archived by the owner on Nov 13, 2023. It is now read-only.

Condense search window when there are fewer results #25

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

kevinburke
Copy link

Currently the search window in condensed view (narrower than 700px or so) takes
up the entire height of the page, making it very difficult to scroll past as
scrollbars are nested inside of each other. By changing the height to
maxHeight, the search window will only take up the full page if there is more
than a full page of search results. As the user filters the search options, the
search window will shrink as well, displaying the results "above the fold".

Screenshot: https://skitch.com/kburke/en32p/dochub-instant-documentation-search

@kevinburke
Copy link
Author

FYI: this also condenses the window in the full page view:

https://skitch.com/kburke/en33e/dochub-instant-documentation-search

Not sure how to get around that besides doing a check for the window size, or adding a media query.

@kevinburke
Copy link
Author

This seems to also affect the menu dropdown in the black bar in condensed view, so it needs more work.

Currently the search window in condensed view (narrower than 700px or so) takes
up the entire height of the page, making it very difficult to scroll past as
scrollbars are nested inside of each other. By changing the height to
maxHeight, the search window will only take up the full page if there is more
than a full page of search results. As the user filters the search options, the
search window will shrink as well, displaying the results "above the fold".

Screenshot: https://skitch.com/kburke/en32p/dochub-instant-documentation-search
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant