cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move help card between pane/sidebar depending on sidebar visibility

Browse source
This commit is contained in:
Anton Khorev 2024-08-08 06:28:55 +03:00
parent fb0f955651
commit 8401cd0d14
2 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/assets/javascripts/richtext.js
View file

@ -32,4 +32,18 @@ $(document).ready(function () {
preview.css("min-height", minHeight + "px"); preview.css("min-height", minHeight + "px");
}); });
var updateHelp = function () {
$(".richtext_container .richtext_help_sidebar:not(:visible):not(:empty)").each(function () {
var container = $(this).closest(".richtext_container");
$(this).children().appendTo(container.find(".tab-pane[id$='_help']"));
});
$(".richtext_container .richtext_help_sidebar:visible:empty").each(function () {
var container = $(this).closest(".richtext_container");
container.find(".tab-pane[id$='_help']").children().appendTo($(this));
});
};
updateHelp();
$(window).on("resize", updateHelp);
}); });

4
app/views/shared/_richtext_field.html.erb
View file

@ -6,7 +6,7 @@
<li class="nav-item"> <li class="nav-item">
<button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_preview"><%= t(".preview") %></button> <button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_preview"><%= t(".preview") %></button>
</li> </li>
<li class="nav-item"> <li class="nav-item d-block d-sm-none">
<button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_help"><%= t(".help") %></button> <button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_help"><%= t(".help") %></button>
</li> </li>
</ul> </ul>
@ -24,6 +24,6 @@
</div> </div>
</div> </div>
</div> </div>
<aside class="col-sm-4 d-none d-sm-block"></aside> <aside class="col-sm-4 d-none d-sm-block richtext_help_sidebar"></aside>
</div> </div>
</div> </div>