tenseleyflow/shithub / 645d4ff

Browse files

web/static: verified-badge pill + popover styles

Authored by mfwolffe <wolffemf@dukes.jmu.edu>
SHA
645d4ff0c3f4c7857dad83a166d36d23b0dcce7e
Parents
63ae266
Tree
4e45991

1 changed file

StatusFile+-
M internal/web/static/css/shithub.css 58 0
internal/web/static/css/shithub.cssmodified
@@ -11533,3 +11533,61 @@ button.shithub-repo-action {
1153311533
   margin-right: 8px;
1153411534
   vertical-align: middle;
1153511535
 }
11536
+
11537
+/* ─── S51 Verified-badge popover (commit / tag pages) ─────────────── */
11538
+.shithub-verified-badge {
11539
+  display: inline-block;
11540
+  position: relative;
11541
+  margin-left: 8px;
11542
+  vertical-align: middle;
11543
+}
11544
+.shithub-verified-badge > summary {
11545
+  display: inline-flex;
11546
+  align-items: center;
11547
+  height: 18px;
11548
+  padding: 0 6px;
11549
+  font-size: 12px;
11550
+  font-weight: 500;
11551
+  border: 1px solid;
11552
+  border-radius: 999px;
11553
+  background: transparent;
11554
+  cursor: pointer;
11555
+  list-style: none;
11556
+}
11557
+.shithub-verified-badge > summary::-webkit-details-marker { display: none; }
11558
+.shithub-verified-badge--verified > summary {
11559
+  color: #3fb950;
11560
+  border-color: #2da44e;
11561
+}
11562
+.shithub-verified-badge--unverified > summary {
11563
+  color: #d29922;
11564
+  border-color: #9e6a03;
11565
+}
11566
+.shithub-verified-popover {
11567
+  position: absolute;
11568
+  z-index: 5;
11569
+  top: calc(100% + 4px);
11570
+  left: 0;
11571
+  min-width: 260px;
11572
+  max-width: 360px;
11573
+  padding: 8px 12px;
11574
+  border: 1px solid rgba(110, 118, 129, 0.4);
11575
+  border-radius: 6px;
11576
+  background: var(--shithub-bg-surface, #161b22);
11577
+  color: inherit;
11578
+  font-size: 12px;
11579
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
11580
+}
11581
+.shithub-verified-popover p { margin: 0 0 6px; }
11582
+.shithub-verified-popover dl {
11583
+  display: grid;
11584
+  grid-template-columns: max-content 1fr;
11585
+  gap: 2px 8px;
11586
+  margin: 0;
11587
+}
11588
+.shithub-verified-popover dt { font-weight: 600; }
11589
+.shithub-verified-popover dd {
11590
+  margin: 0;
11591
+  font-family: var(--shithub-mono, ui-monospace, SFMono-Regular, monospace);
11592
+  word-break: break-all;
11593
+}