Fix incorrect svg size in responsive mode

ishikawa999 commented 1 week ago

This PR fixes two issues related to div.mermaid svg styling in responsive mode:

Width issue: In responsive mode, it is correct for the width to change from width: initial to width: 100% to properly adapt to the screen size. To ensure this transition is not blocked, the overriding width: initial; style has been removed.
Height issue: The height remains fixed based on the screen width before entering responsive mode, causing it to exceed the required dimensions and leaving unnecessary blank spaces. To prevent this, the original style has been overridden with height: auto;.

ishikawa999 commented 6 days ago

Width issue: In responsive mode, it is correct for the width to change from width: initial to width: 100% to properly adapt to the screen size. To ensure this transition is not blocked, the overriding width: initial; style has been removed.

Precisely, This issue appears regardless of whether responsive mode is enabled or not. However, this pull request takes care of it, so there's no problem.

ishikawa999 commented 6 days ago

@hidakatsuya Thanks for the review. Merging.

redmica / redmica_ui_extension

Fix incorrect svg size in responsive mode #60