diff --git a/src/main/js/DOM.js b/src/main/js/DOM.js
index 198e0f7..7a18f50 100644
--- a/src/main/js/DOM.js
+++ b/src/main/js/DOM.js
@@ -105,7 +105,7 @@ export class MessageHandler {
*/
constructor(parent, id) {
this._mainDiv = document.createElement("div");
- this._mainDiv.style.display = "none";
+ this._mainDiv.classList.add("hidden");
this._mainDiv.classList.add("messageInner");
parent.appendChild(this._mainDiv);
@@ -179,8 +179,7 @@ export class MessageHandler {
if (level === this._currentLevel) return;
this._currentLevel = level;
- this._mainDiv.style.display = null;
- this._mainDiv.classList.remove("success", "warning", "error");
+ this._mainDiv.classList.remove("hidden", "success", "warning", "error");
switch (level) {
case "complete":
@@ -202,7 +201,7 @@ export class MessageHandler {
this._toggleLoadingIcon(false);
break;
default:
- this._mainDiv.style.display = "none";
+ this._mainDiv.classList.remove("hidden");
return this; // No further handling necessary
}
}
@@ -215,8 +214,13 @@ export class MessageHandler {
* @private
*/
_toggleLoadingIcon(state) {
- this._loadingIcon.style.display = state ? null : "none";
- this._spacing.style.display = state ? null : "none";
+ if (state) {
+ this._loadingIcon.classList.remove("hidden");
+ this._spacing.classList.remove("hidden");
+ } else {
+ this._loadingIcon.classList.add("hidden");
+ this._spacing.classList.add("hidden");
+ }
return this;
}