accordproject / web-components

React Components for Accord Project
Apache License 2.0
117 stars 94 forks source link

Overriding Default CSS #327

Closed d-e-v-esh closed 3 years ago

d-e-v-esh commented 3 years ago

Bug Report 🐛

Properties that we do not define in CSS code get defined by web browsers under user agent stylesheet to make them look better for the users. We can override those default styling added by web browsers by defining them in our CSS.

This was messing up all the heading elements that we inserted. Get more context about this issue under the flags section in #302.

This would probably include :

  1. Making separate styling for all the headings in the dropdown menu from the heading font that we see in the document just to make it look normal.
  2. Looking up the properties that are being overridden under the user agent stylesheet and finding appropriate values for them.
  3. These properties are most probably going to be padding and margin in various places including the font stylings and the text area of the editor itself.