Now that comments and TOC can be closed at the same time, we use a flex layout so the main content uses the available width. We're also making the comments work better on medium-sized screens, since previously they had a fixed width and now the width is adapted to the size of the screen. Since now the comment box element has a relative position instead of an absolute one, we need to consider the draft panel height when calculating the comment box position.
16 lines
596 B
Plaintext
16 lines
596 B
Plaintext
<details open=open class="calc-comments">
|
|
<summary class="draft-panel">
|
|
<span class="icon-comments" aria-hidden="true"></span>
|
|
<span class="panel-title"><%= t("legislation.draft_versions.show.text_comments") %></span>
|
|
</summary>
|
|
|
|
<div id="comments-box" class="comments-box-container" style="display: none;">
|
|
<div class="comment-box">
|
|
<div class="comment-header">
|
|
<span class="icon-comment" aria-hidden="true"></span>
|
|
<div class="comment-number"><%= t("legislation.draft_versions.show.loading_comments") %></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</details>
|