Fixed issue with resizing columns

alima-webdev · Oct 30, 2024 · 0224ed2 · 0224ed2
1 parent fbfbb12
commit 0224ed2
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 8 deletions.
diff --git a/addon/chrome/content/modal/preferences.xhtml b/addon/chrome/content/modal/preferences.xhtml
@@ -1,6 +1,6 @@
 <div>
     <form id="status-form">
-        <div class="row">
+        <div class="settings-row">
             <div class="col">
                 <!-- Label -->
                 <div class="form-field">

diff --git a/addon/chrome/content/modal/report.xhtml b/addon/chrome/content/modal/report.xhtml
@@ -16,7 +16,7 @@
             Total of Studies and Reports:
             <strong><span id="included-total"></span></strong>
         </div>
-        <div class="row">
+        <div class="settings-row">
             <div class="col">
                 <div class="form-field">
                     <label class="muted" for="included-studies"

diff --git a/src/styles/modules/layout.scss b/src/styles/modules/layout.scss
@@ -1,4 +1,4 @@
-.row {
+.settings-row {
     display: flex;
     flex-direction: row;
     gap: 1rem;

diff --git a/src/styles/styles.scss b/src/styles/styles.scss
@@ -1,6 +1,6 @@
 @import "./modules/colors.scss";
 @import "./modules/global.scss";
-@import "./modules/layout.scss";
+// @import "./modules/layout.scss";
 @import "./modules/form.scss";
 @import "./modules/modal.scss";
 @import "./modules/itemtree.scss";

diff --git a/src/ui/pane/columns/reason.ts b/src/ui/pane/columns/reason.ts
@@ -20,7 +20,7 @@ import { Keystroke } from "../../form/keystrokeInput";
 import { log } from "../../../utils/devtools";
 
 // Init Reason Column
-export function initReasonColumn() {
+export async function initReasonColumn() {
     const columnReasonId = "reason";
     const getReasonColumnHook = (
         field: string,
@@ -33,12 +33,14 @@ export function initReasonColumn() {
 
     const columnReasonOptions = {};
     const columnReasonName: string = getString("reason-column-header");
-    ztoolkit.ItemTree.register(
+    await ztoolkit.ItemTree.register(
         columnReasonId,
         columnReasonName,
         getReasonColumnHook,
         columnReasonOptions,
     );
+
+    await ztoolkit.ItemTree.refresh();
 }
 
 // Context Menu

diff --git a/src/ui/pane/columns/status.ts b/src/ui/pane/columns/status.ts
@@ -13,7 +13,7 @@ import { getString } from "../../../utils/locale";
 import { allStatuses } from "../../../lib/global";
 import { log } from "../../../utils/devtools";
 
-export function initStatusColumn() {
+export async function initStatusColumn() {
     const columnId = "status";
     const getStatusColumnHook = (
         field: string,
@@ -49,12 +49,14 @@ export function initStatusColumn() {
     const columnOptions = { renderCell: renderStatusCell };
     const columnName = getString("status-column-header");
 
-    ztoolkit.ItemTree.register(
+    await ztoolkit.ItemTree.register(
         columnId,
         columnName,
         getStatusColumnHook,
         columnOptions,
     );
+
+    await ztoolkit.ItemTree.refresh();
 }
 
 export function getStatusContextMenu() {