Thanks to visit codestin.com
Credit goes to github.com

Skip to content

update search ux/ui [ready for review] #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 46 commits into from
Mar 11, 2020
Merged

Conversation

jdamiba
Copy link
Contributor

@jdamiba jdamiba commented Feb 20, 2020

closes #7

Work plan:

  • query algolia backend using instantsearch.js
  • move search box to header
  • update "no results found" template with google site search of plot.ly
  • create modal UI
    • toggle modal on/off with search input
    • click outside toggles modal off
    • get hyperlink URLs to render correctly
    • style modal
  • turn on multi-index search
    • refactor modal UI to clearly delineate results per index

@jdamiba jdamiba changed the title update search ux/ui update search ux/ui [WIP do not merge] Feb 22, 2020
@jdamiba jdamiba marked this pull request as ready for review March 3, 2020 19:23
@jdamiba jdamiba changed the title update search ux/ui [WIP do not merge] update search ux/ui [ready for review] Mar 3, 2020
@jdamiba
Copy link
Contributor Author

jdamiba commented Mar 3, 2020

Screenshots:

Screen Shot 2020-03-03 at 2 24 57 PM
Screen Shot 2020-03-03 at 2 24 39 PM
Screen Shot 2020-03-03 at 2 24 33 PM

@jdamiba jdamiba requested a review from nicolaskruchten March 3, 2020 19:26
@@ -9,6 +9,13 @@
<div class="--wrap-right">
<nav class="--nav-meta" role="navigation">
<ul>
{% unless page.permalink == "/api/" %}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this should probably only be on the 4 target languages right? not e.g. MATLAB or Julia etc

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changed the conditional to target correct set of pages.


var emptyResult = '<div class="text-center"><br><br>No results found matching <strong>{{query}}</strong>.<br><br> Click here to <a class="algolia__result-link" target="_blank" href="https://www.google.com/search?q=site%3Aplot.ly+{{query}}">search for "plotly ' + lang + ' {{query}}" on Google</a>.</div>';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

need to fix the search query to match what it says in quotes :)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed query to match text.

@jdamiba
Copy link
Contributor Author

jdamiba commented Mar 10, 2020

@nicolaskruchten This PR is ready for review.


.modal > .modal-dialog{
width: 1050px;
height: 700px;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

let's get rid of this line here, which is adding an unnecessary scrollbar.

@nicolaskruchten
Copy link
Contributor

Last two CSS changes then merge! 💃

@jdamiba jdamiba merged commit 7051f29 into master Mar 11, 2020
@jdamiba jdamiba deleted the algolia-start-fresh branch March 11, 2020 15:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

improve search
2 participants