From 907270992d7718f26d0a401ab700c6a0a414b440 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 05 Mar 2022 07:55:07 +0000
Subject: [PATCH] fix: hide popover on mobile to prevent overflow
---
assets/base.scss | 15 +++++++++++++--
1 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/assets/base.scss b/assets/base.scss
index 6f47da3..a1ba100 100644
--- a/assets/base.scss
+++ b/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;
}
}
--
Gitblit v1.10.0