Upgrade bootstrap from v4 to v5, fix global menu

This commit is contained in:
Jin
2024-09-01 22:30:21 +02:00
parent d7ab99013c
commit 5d579fee68
6 changed files with 49 additions and 37 deletions

View File

@@ -4,15 +4,12 @@ import { t } from "../../services/i18n.js";
import BasicWidget from "../basic_widget.js";
const TPL = `
<div class="about-dialog modal fade mx-auto" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="about-dialog modal fade mx-auto" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title mr-auto">${t("about.title")}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-left: 0;">
<span aria-hidden="true">&times;</span>
</button>
<h5 class="modal-title">${t("about.title")}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="margin-left: 0;" />
</div>
<div class="modal-body">
<table class="table table-borderless text-nowrap">
@@ -55,6 +52,8 @@ const TPL = `
export default class AboutDialog extends BasicWidget {
doRender() {
this.$widget = $(TPL);
bootstrap.Modal.getOrCreateInstance(this.$widget);
this.$appVersion = this.$widget.find(".app-version");
this.$dbVersion = this.$widget.find(".db-version");
this.$syncVersion = this.$widget.find(".sync-version");