mirror of
https://github.com/zitadel/zitadel.git
synced 2025-04-25 21:31:00 +00:00

# Which Problems Are Solved - In Firefox there's an issue with mat-calendar. The header for days of the week has a height that fills the entire space making dates to overlap. This happens for both Personal Access Tokens and Keys dialogs.  # How the Problems Are Solved - In FF there seems to be a problem with the following style in tables.scss. If I remove that style in FF everything works fine: ``` th, td { padding: 0 0.5rem !important; } ``` Although I tried to override it or remove !important I didn't like the idea of having side effects all around the tables. As the issue was the height for the header I tried to add a fixed height for the th elements using a new specific selector in the tables.scss file. That way FF seems to calculate the right height for the header and dates are shown correctly. If @peintnermax agrees maybe an issue can be opened for a future work to remove as many !important properties as possible Here's a screenshot for FF  And another one for Chrome  Maybe it's not too elegant but as it seems a bug on Firefox I think it's a contained solution. # Additional Context - Closes #7877 Co-authored-by: Livio Spring <livio.a@gmail.com>
Console
This project was generated with Angular CLI version 8.3.20.
Development server
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Code scaffolding
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Build
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
Running unit tests
Run ng test
to execute the unit tests via Karma.
Running end-to-end tests
Please refer to the contributing guide
Further help
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.