style: labels are more subtle

ubiquity · Dec 2, 2023 · edc8b44 · edc8b44
1 parent fe051fa
commit edc8b44
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/src/home/home-controller.ts b/src/home/home-controller.ts
@@ -56,7 +56,9 @@ export function homeController(container: HTMLDivElement, issues: GitHubIssue[])
       });
 
       issueElement.innerHTML = `
-      <div class="info"><div class="title"><h3>${issue.title}</h3></div><div class="partner"><p class="organization-name">${organizationName}</p><p class="repository-name">${repositoryName}</p></div></div><div class="labels">${labels.join(
+      <div class="info"><div class="title"><h3>${
+        issue.title
+      }</h3></div><div class="partner"><p class="organization-name">${organizationName}</p><p class="repository-name">${repositoryName}</p></div></div><div class="labels">${labels.join(
         ""
       )}</div>`;
 

diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
@@ -46,13 +46,14 @@
     max-width: 640px;
     margin: auto;
     /* border-left: 1px solid #7f7f7f10; */
-    padding: 48px 0;
+    /* padding: 0 0 48px; */
     /* background: linear-gradient(to bottom, #7f7f7f00 0%, #7f7f7fff 15%, #7f7f7fff 85%, #7f7f7f00 100%); */
     -webkit-mask-image: linear-gradient(to bottom, #ffffff00, #ffffffff 0%, #ffffffff 75%, #ffffff00 100%);
-    height: calc(100vh - 96px);
+    /* height: calc(100vh - 48px); */
     overflow: scroll;
     scrollbar-width: none; /* For Firefox */
     -ms-overflow-style: none; /* For Internet Explorer and Edge */
+    height: 100vh;
   }
   &::-webkit-scrollbar {
     display: none; /* For Chrome, Safari, and Opera */
@@ -163,7 +164,7 @@
     font-size: 12px;
     text-align: center;
     white-space: nowrap;
-    background-color: #7f7f7f40;
+    background-color: #7f7f7f20;
     width: 64px;
     letter-spacing: 0.5px;
     flex-grow: 3;
@@ -196,7 +197,7 @@
     transition: 0.125s opacity ease-in-out;
     /* display: flex; */
     align-items: center;
-    margin: 0 0 0 48px;
+    margin: 0 0 0 50px;
   }
 
   .title {
@@ -337,7 +338,7 @@
     .issue-element-inner {
       display: block;
     }
-    .labels{
+    .labels {
       margin-left: 48px;
       margin-top: 4px;
     }

diff --git a/static/style/style.css b/static/style/style.css
@@ -163,7 +163,7 @@
     font-size: 12px;
     text-align: center;
     white-space: nowrap;
-    background-color: #80808040;
+    background-color: #80808020;
     width: 64px;
     letter-spacing: 0.5px;
     flex-grow: 3;
@@ -337,7 +337,7 @@
     .issue-element-inner {
       display: block;
     }
-    .labels{
+    .labels {
       margin-left: 48px;
       margin-top: 4px;
     }