feat: add issue number and format

ubiquity · Dec 17, 2024 · 9ea36aa · 9ea36aa
1 parent 1d3f0d2
commit 9ea36aa
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 10 deletions.
diff --git a/src/home/rendering/render-github-notifications.ts b/src/home/rendering/render-github-notifications.ts
@@ -98,8 +98,11 @@ function setUpIssueElement(issueElement: HTMLDivElement, notification: GitHubAgg
           <h3>${notification.notification.subject.title}</h3>
         </div>
         <div class="partner">
-          <p class="organization-name">${organizationName}</p>
-          <p class="repository-name">${repositoryName}</p>
+          <div class="full-repo-name">
+            <p class="organization-name">${organizationName}</p>
+            <p class="repository-name">${repositoryName}</p>
+          </div>
+          <p class="issue-number">#${notification.notification.subject.url.split("/").slice(-1)}</p>
         </div>
       </div>
     </div>

diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
@@ -291,10 +291,10 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    margin-top: 2px;
-  }
-  .text-info > .partner > * {
-    display: inline-block;
+    display: flex;
+    align-items: start;
+    padding: 6px 0px 8px 0px;
+    gap: 4px;
   }
   body {
     display: flex;
@@ -445,6 +445,11 @@
     .partner {
       margin-top: 0;
     }
+    .full-repo-name {
+      display: unset;
+      display: flex;
+      width: auto;
+    }
     .issue-element-inner > * {
       max-width: unset;
     }

diff --git a/static/style/style.css b/static/style/style.css
@@ -291,10 +291,10 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    margin-top: 2px;
-  }
-  .text-info > .partner > * {
-    display: inline-block;
+    display: flex;
+    align-items: start;
+    padding: 6px 0px 8px 0px;
+    gap: 4px;
   }
   body {
     display: flex;
@@ -445,6 +445,11 @@
     .partner {
       margin-top: 0;
     }
+    .full-repo-name {
+      display: unset;
+      display: flex;
+      width: auto;
+    }
     .issue-element-inner > * {
       max-width: unset;
     }