Skip to content
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.

Sign up for GitHub

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

Jump to bottom

Intro section: HTML/CSS only #33

Open
dragontheory opened this issue Aug 8, 2022 · 2 comments
Open

Intro section: HTML/CSS only #33

dragontheory opened this issue Aug 8, 2022 · 2 comments
Assignees
@dragontheory

Comments

@dragontheory
Copy link
Owner

dragontheory commented Aug 8, 2022 •
edited

We need an intro section as an alternative to search results as the first thing users see.

There should be an option in the ACSS to not do a search on body:init, but only when a user either types in a search or clicks a link in the intro section.
@dragontheory dragontheory self-assigned this Aug 8, 2022
@dragontheory dragontheory changed the title Intro section Intro section: HTML/CSS only Aug 8, 2022
@dragontheory
Copy link
Owner Author

dragontheory commented Aug 12, 2022 •
edited

Added minimal intro HTML section, default .intro class to <body>, and add/remove .intro boolean CSS styles.

Test by manually removing the .intro class from <body> in the browser DEVTools.

@dragontheory
Copy link
Owner Author

dragontheory commented Aug 12, 2022 •
edited

Intro workflow spec:

  1. Users see intro HTML section by default. .intro class is in <body> by default.
  2. Users do a search in the search bar.
  3. Results are returned to the search results HTML section.
  4. ACSS detects <list-cell> (or whatever works best) in the search results HTML section and removes .intro class from <body>.
  5. Prestaged CSS hides intro HTML section display: none; and unhides search results HTML section display: grid;.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@dragontheory dragontheory

Labels
None yet
Projects
D7460N
Status: ✅ Done
Milestone
No milestone
Development

No branches or pull requests
1 participant
@dragontheory