Unable to format Table properties in TinyMCE #3477
Description
Describe the Bug
Hi Dan,
Thank you for this amazing app!
I think I've found a bug with the tinyMCE editor integration. When editing a table using the tinymce editor, the user is presented with the option to set table properties, for example the gridline color. This color is applied to the table HTML/CSS in Bookstack but appears to be over-written by other Bookstack-related CSS rules. To confirm expected behavior, I verified that colors are rendered to table gridlines in the demo editor here https://www.tiny.cloud/
Steps to Reproduce
- Start fresh container without custom data or edits.
- Using Firefox/chromium private window, login.
- Enter into a test Shelf > Chapter.
- Create new page. (with tinymce editor)
- From editor, insert new Table.
- Highlight table and select table properties option.
- Click Advanced.
- Select border color.
- Click Save.
- Visually inspect table for new color.
- Save new page.
- Visually inspect rendered page for color.
Newly added table gridline color is not displayed.
Expected Behaviour
I am expecting that the table shows the new color selection for the gridlines like it does in the tinymce demo page. Let me know what else I can to do to help clarify the issue.
Screenshots or Additional Context
Browser Details
Mozilla Firefox 101.0, Chromium 102.0.5005.61 Arch Linux
Exact BookStack Version
v22.04.2
PHP Version
PHP 8.0.18
Hosting Environment
Using tiredofit/bookstack image, behind traefik proxy.
EDIT: made the issue a bit more general to include other Table properties as well.