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.

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

feat: add side navigation for social links and scroll #3199

Merged
merged 9 commits into from
Jun 2, 2020

Conversation

SamanthaAO
Copy link
Contributor

Description

  • create side-navigation component for social links and scroll
  • scroll links are created by a repeat based on how many sections are present on the page and update as you scroll the page or click on them
  • social links are created from the same community data file that is used for the cards at the bottom of the page

**Note currently there are 9 links in the scroll in the right. This is because the links are created from how many sections there are in the index. In PR #3185 the index is restructured to have 5 sections as there should be and that will fix this problem. I have also commented where else can be changed once that PR goes through.
Screen Shot 2020-05-28 at 5 31 01 PM

Motivation & context

Issue type checklist

  • Chore: A change that does not impact distributed packages.
  • Bug fix: A change that fixes an issue, link to the issue above.
  • New feature: A change that adds functionality.

Is this a breaking change?

  • This change causes current functionality to break.

Process & policy checklist

  • I have added tests for my changes.
  • I have tested my changes.
  • I have updated the project documentation to reflect my changes.
  • I have read the CONTRIBUTING documentation and followed the standards for this project.

@SamanthaAO SamanthaAO self-assigned this May 29, 2020
@awentzel awentzel changed the title Feat: add side navigation for social links and scroll feat: add side navigation for social links and scroll May 29, 2020
@SamanthaAO SamanthaAO force-pushed the users/v-sorcut/hero-links branch from 6264b61 to 8c8cf81 Compare June 1, 2020 20:57
@SamanthaAO SamanthaAO requested a review from radium-v June 1, 2020 21:00
Copy link
Contributor

@freefaller69 freefaller69 left a comment

Choose a reason for hiding this comment

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

Smoked on Edge, Firefox, Chrome, Opera, and Safari.

sites/fast-website/src/app/css/style.css Outdated Show resolved Hide resolved
sites/fast-website/src/app/css/style.css Outdated Show resolved Hide resolved
@SamanthaAO SamanthaAO force-pushed the users/v-sorcut/hero-links branch from c4e8b4a to 04ca1be Compare June 2, 2020 19:37
@SamanthaAO SamanthaAO merged commit 783c4f5 into feature/fast-frame Jun 2, 2020
@SamanthaAO SamanthaAO deleted the users/v-sorcut/hero-links branch June 2, 2020 20:29
chrisdholt pushed a commit that referenced this pull request Jun 4, 2020
* create side-navigation component, update main index and style, add svg for medium, update community data and content-placement-container community data

* have section array pull from document to increate reuse

* add parent attributes to repeat in template to reduce styles

* update naming for greater reusability

* update section id's in index to be the names of section and update functions accordingly

* add intersection observer, add click events fro link so that event.prevent default removes hash from url, update display to flex

* add id's after rebase and add updateScrollIncreasing function for stutter on scroll when scrolling from the bottom to the top of the page

* moved intersection observer into constructor and removed eventListerners. Made style changes to scroll indicators so they change size less

* make styling changes recomended in comments

Co-authored-by: Sam Orcutt <[email protected]>
chrisdholt pushed a commit that referenced this pull request Jun 11, 2020
* create side-navigation component, update main index and style, add svg for medium, update community data and content-placement-container community data

* have section array pull from document to increate reuse

* add parent attributes to repeat in template to reduce styles

* update naming for greater reusability

* update section id's in index to be the names of section and update functions accordingly

* add intersection observer, add click events fro link so that event.prevent default removes hash from url, update display to flex

* add id's after rebase and add updateScrollIncreasing function for stutter on scroll when scrolling from the bottom to the top of the page

* moved intersection observer into constructor and removed eventListerners. Made style changes to scroll indicators so they change size less

* make styling changes recomended in comments

Co-authored-by: Sam Orcutt <[email protected]>
chrisdholt pushed a commit that referenced this pull request Jun 16, 2020
* create side-navigation component, update main index and style, add svg for medium, update community data and content-placement-container community data

* have section array pull from document to increate reuse

* add parent attributes to repeat in template to reduce styles

* update naming for greater reusability

* update section id's in index to be the names of section and update functions accordingly

* add intersection observer, add click events fro link so that event.prevent default removes hash from url, update display to flex

* add id's after rebase and add updateScrollIncreasing function for stutter on scroll when scrolling from the bottom to the top of the page

* moved intersection observer into constructor and removed eventListerners. Made style changes to scroll indicators so they change size less

* make styling changes recomended in comments

Co-authored-by: Sam Orcutt <[email protected]>
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.

5 participants