Ceph » mgr » Dashboard

There are 5 components that are importing `styles.scss` file.
This is creating a 200KB css file for each component.
By fixing this we will reduce the build size in around 1MB and the build time in around 5+ seconds

This was caught when running prod build with Angular 9:

WARNING in Exceeded maximum budget for /ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table-actions/table-actions.component.scss. Budget 6 kB was not met by 34.9 kB with a total of 40.9 kB.

WARNING in Exceeded maximum budget for /ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.scss. Budget 6 kB was not met by 180 kB with a total of 186 kB.

WARNING in Exceeded maximum budget for /ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.scss. Budget 6 kB was not met by 180 kB with a total of 186 kB.

WARNING in Exceeded maximum budget for /ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.scss. Budget 6 kB was not met by 180 kB with a total of 186 kB.

WARNING in Exceeded maximum budget for /ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.scss. Budget 6 kB was not met by 188 kB with a total of 194 kB.