fix: hide popover on mobile to prevent overflow

Jacky Zhao

2022-03-05 907270992d7718f26d0a401ab700c6a0a414b440

 assets/base.scss

@@ -470,7 +470,7 @@
.popover {
  z-index: 999;
  position: absolute;
  width: 15em;
  width: 20em;
  display: inline-block;
  visibility: hidden;
  background-color: var(--light);
@@ -484,6 +484,10 @@
  transition-delay: 0.3s;
  user-select: none;

  @media all and (max-width: 600px) {
    display: none;
  }

  &.visible {
    opacity: 1;
    visibility: visible;
@@ -491,11 +495,18 @@
  }

  & > h3 {
    margin: 0.5em 0;
    font-size: 1rem;
    margin: 0.25em 0;
  }

  & > .meta {
    margin-top: 0.25em;
    opacity: 0.5;
  }

  & > p {
    margin: 0;
    font-weight: 400;
    user-select: none;
  }
}