Chartjs-Chart.js canvas keeps shifting upwards if I add things below it? (Angular – Chart.JS – NG2Charts)

by

0👍

I realized that the align-items: center and justify-content: center within my set-page-content had been the issue, so I removed them.

Changed this:

@mixin set-page-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 60vh;
  width: 60vw;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  border-radius: $form-radius;
}

To this:

@mixin set-page-content {
  display: flex;
  flex-direction: column;
  height: 60vh;
  width: 60vw;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  border-radius: $form-radius;
}

Leave a comment