Refactor activity template to ensure text-overflow ellipsis #181

source/templates/classic/style.css

@@ -533,18 +533,17 @@
     margin-bottom: 0;
   }
 
-  .activity .repo, .activity .issue, .activity .commit .sha {
-    color: #58a6ff;
-    margin: 0 4px;
-  }
-
-  .activity .issue {
+  .activity .field .content {
     flex-grow: 1;
-    width: 0%;
     text-overflow: ellipsis;
     overflow: hidden;
   }
 
+  .activity .repo, .activity .issue, .activity .commit .sha {
+    display: inline;
+    color: #58a6ff;
+  }
+
   .activity .code {
     background-color: #7777771F;
     padding: 1px 5px;
@@ -561,7 +560,7 @@
   }
 
   .activity .details, .activity .timestamp {
-    padding-left: 42px;
+    padding-left: 38px;
     display: flex;
     flex-direction: column;
     font-size: 13px;
@@ -573,11 +572,6 @@
     margin-top: 4px;
   }
 
-  .activity .details > div {
-    display: flex;
-    align-items: center;
-  }
-
   .activity .commit .sha {
     font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
   }