fit 4 items, add dedicated tippy theme

Author: silverwind

web_src/css/modules/tippy.css

@@ -49,6 +49,10 @@
   padding: 0;
 }
 
+.tippy-box[data-theme="box-with-header"] .tippy-content {
+  padding: 0;
+}
+
 .tippy-box[data-placement^="top"] > .tippy-svg-arrow {
   bottom: 0;
 }
@@ -116,3 +120,11 @@
 .tippy-box[data-theme="menu"] .tippy-svg-arrow-inner {
   fill: var(--color-menu);
 }
+
+.tippy-box[data-theme="box-with-header"][data-placement^="top"] .tippy-svg-arrow-inner {
+  fill: var(--color-box-body);
+}
+
+.tippy-box[data-theme="box-with-header"][data-placement^="bottom"] .tippy-svg-arrow-inner {
+  fill: var(--color-box-header);
+}

web_src/css/repo.css

@@ -3076,7 +3076,7 @@ tbody.commit-list {
 
 .commit-status-list {
   padding: 0 !important;
-  max-height: 244px; /* fit exactly 5 items */
+  max-height: 195px; /* fit exactly 4 items */
   overflow-x: hidden;
   transition: max-height .2s;
   border-bottom: none !important;
@@ -3096,7 +3096,7 @@ tbody.commit-list {
 }
 
 .commit-status-item {
-  padding: 1em 8px !important;
+  padding: 14px 10px !important;
   display: flex;
   gap: 8px;
   align-items: center;

web_src/js/features/repo-commit.js

@@ -66,7 +66,7 @@ export function initCommitStatuses() {
       placement: top ? 'top-start' : 'bottom-start',
       interactive: true,
       role: 'dialog',
-      theme: 'menu',
+      theme: 'box-with-header',
     });
   });
 }