score: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;
}
Source: stackoverflow.com
Related Query
- Chart.js canvas keeps shifting upwards if I add things below it? (Angular - Chart.JS - NG2Charts)
- How to add title inside doughnut chart in Angular Chart?
- HorizontalBar chart is displayed below canvas when I set height with style attribute for chart div (Chart.js 2.9.4)
- ChartJs does not render chart when binding canvas id in Angular
- I am using chart js to draw a chart. I did everything right but i don't know why the x axis and y axis label is not comming in chart. code below
- How to add text inside the doughnut chart using Chart.js?
- How to clear a chart from a canvas so that hover events cannot be triggered?
- Converting Chart.js canvas chart to image using .toDataUrl() results in blank image
- How to add labels into Chart.js canvas plugin?
- How to add an on click event to my Line chart using Chart.js
- Add DataSet Bar Chart - Chart.JS
- How to add images as labels to Canvas Charts using chart.js
- How to add an offset to a dataset in Chart js
- ChartJS add tooltip to a grouped bar chart
- How to add second Y-axis for Bar and Line chart in Chart.js?
- How to add text in centre of the doughnut chart using Chart.js?
- Chart.js v2.6: Add arrows to pie chart output values
- Problem for display a chart with Chart.js and Angular
- Is it possible to add a custom font to chart js?
- set background color to save canvas chart
- How to add datas to chart js from javascript array itself?
- Chart.js - Add gradient to bar chart
- How to add panning to chart in chartjs?
- Add all data in the tooltip of Chart JS
- Chart.js - Add text/label to bubble chart elements without using tooltips?
- Can Chart.js combines Line Chart and Bar Chart in one canvas
- Angular 2 chart - change point radius
- (Vue, ChartJS) Create gradient background for chart from child component canvas context
- Angular Chart JS prevent x label causing overflow
- Series Details Not Showing in Angular Chart with Charts.js
More Query from same tag
- Increase space between largest bar and top grid line in charts.js
- ChartJs with try catch
- ReactJS Components Not loading unless you reload the site for the 2nd time
- Horizontal bar with two yaxes chart js
- Angular Chart.js not displaying Chart (Legend is Displaying)
- Charts JS: How to set units?
- Django chartjs multiple charts stacked
- How to hide the points in a combined Line- and BarChart drawn by Chart.js V2.0
- Scatter plot not showing anything chartjs needs some debugging
- Can I color the first bar in "Bart Char" differently?
- Chart.js add to onhover text
- How can have variable data be from a url in javascript
- Chart.js - Give specific circles a background color in a bubble chart
- react-chartjs-2 keep x axis always 0% to 100%
- Bars of my chartjs chart has no background color
- charts.js not updating after ajax request
- Chartjs change the specific label color in x axis in callback function
- How to change chart.js grid, and axis color?
- ChartJS - Help me custom tooltip
- How to use vanilla js in reactjs to create a chart?
- Chart.js: How to group legends of dataset? So one toggle for multiple datasets?
- ChartJS, make the bars show correct percentage?
- I can not properly re scale <canvas> with width and height attributes
- How to draw pile/stacked bar chart?
- How to remove the Chart.js x Axis bottom line?
- Chart.js addData is undefined when using SignalR
- Chart.js add padding to scales
- Setting up min and max in chartjs did not work
- Counting string to plot a graph using chart.js and angular
- Chart JS: Donut/Doughnut Chart: Tooltip to be shown always for all the data. All tooltip is not shown when multiple data are with 0 data