fix ui glitches

bitrise-io · Feb 13, 2024 · bf083af · bf083af
1 parent 3ee890f
commit bf083af
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/css/changelog.css b/src/css/changelog.css
@@ -11,6 +11,10 @@
   display: none;
 }
 
+.changelog-topic-content img {
+  height: auto;
+}
+
 .changelog-topic-content h1 {
   font-size: 2rem;
   margin-bottom: 1rem;

diff --git a/src/js/changelog/ChangelogList.js b/src/js/changelog/ChangelogList.js
@@ -24,7 +24,10 @@ class ChangelogList
     this.timestampListItemTemplate.id = "";
     this.timestampListItemTemplate.remove();
 
+    this.list.innerHTML = "";
+    this.list.append(this.renderLoadingTimestampListItem());
     this.list.append(this.renderLoadingListItem());
+    this.list.append(this.renderLoadingTimestampListItem());
     this.list.append(this.renderLoadingListItem());
     this.list.append(this.renderLoadingListItem());
   }
@@ -33,10 +36,15 @@ class ChangelogList
     const listItem = this.readListItemTemplate.cloneNode(true);
     listItem.querySelector(".changelog-timestamp").innerHTML = "<span class='changelog-loading'>Loading</span>";
     listItem.querySelector(".changelog-title").innerHTML = "<span class='changelog-loading'>Loading</span>";
-    listItem.querySelectorAll(".display-inline .display-inline").forEach(elem => elem.remove());
     return listItem;
   }
 
+  renderLoadingTimestampListItem() {
+    const timestampListItem = this.readListItemTemplate.cloneNode(true);
+    timestampListItem.innerHTML = "<span class='changelog-loading'>Loading</span>";
+    return timestampListItem;
+  }
+
 
   /**
    * @param {ChangelogTopic} topic