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

Set min preview height when switching away from edit tab

Browse source 
Previously it was set when switching to a preview tab. Now that won't work correctly because we have one extra tab.
This commit is contained in:
Anton Khorev 2024-08-08 06:48:13 +03:00
parent a9fa756878
commit 3ae313fd1d
1 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -10,6 +10,19 @@ $(document).ready(function () {
container.find(".tab-pane[id$='_preview']").empty();
});
/*
* Install a handler to set the minimum preview pane height
* when switching away from an edit pane
*/
$(".richtext_container button[data-bs-target$='_edit']").on("hide.bs.tab", function () {
var container = $(this).closest(".richtext_container");
var editor = container.find("textarea");
var preview = container.find(".tab-pane[id$='_preview']");
var minHeight = editor.outerHeight() - preview.outerHeight() + preview.height();
preview.css("min-height", minHeight + "px");
});
/*
* Install a handler to switch to preview mode
*/
@ -17,7 +30,6 @@ $(document).ready(function () {
var container = $(this).closest(".richtext_container");
var editor = container.find("textarea");
var preview = container.find(".tab-pane[id$='_preview']");
var minHeight = editor.outerHeight() - preview.outerHeight() + preview.height();
if (preview.contents().length === 0) {
preview.oneTime(500, "loading", function () {
@ -29,8 +41,6 @@ $(document).ready(function () {
preview.removeClass("loading");
});
}
preview.css("min-height", minHeight + "px");
});
var updateHelp = function () {