Line after first 10 bubbles shows which are bubbled up

2024-10-03 14:35:57 -05:00
parent e5e035609c
commit 56798348a3
1 changed files with 12 additions and 0 deletions
@@ -433,11 +433,23 @@
    border-radius: 0.6em;
    list-style: none;
    padding: 0.5em var(--inline-space);
+    position: relative;
    transition: background-color 200ms ease-out;

+    &:nth-of-type(10)::after {
+      border-bottom: 1px dotted var(--color-subtle-dark);
+      block-size: 0;
+      content: "";
+      inline-size: 100%;
+      inset: auto 0 0 0;
+      position: absolute;
+    }
+
    @media (hover: hover) {
      &:hover {
        background-color: color(from var(--bubble-color) srgb r g b / 0.15);
+        border: 0;
+        border-radius: 0.6em;

        .bubble__svg {
          transform: rotate(calc(var(--bubble-rotate) + var(--bubble-shift))) scale(1.2);