From c51573efa98de6b5b5e79fb60b49f31daca70527 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 02 Apr 2022 20:34:26 +0000
Subject: [PATCH] feat: grey out broken links
---
assets/styles/base.scss | 25 ++++++++++++++++++++++---
1 files changed, 22 insertions(+), 3 deletions(-)
diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index a462a33..9c9b41c 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -112,6 +112,10 @@
gap: 1.5em;
justify-content: center;
+ .disabled {
+ opacity: 0.2;
+ }
+
& > li {
text-align: center;
display: inline-block;
@@ -181,8 +185,17 @@
padding: 0 0.1em;
margin: auto -0.1em;
border-radius: 3px;
+
+ &.broken {
+ opacity: 0.5;
+ background-color: transparent;
+ }
}
}
+
+ & p {
+ overflow-wrap: anywhere;
+ }
}
.backlinks a {
@@ -238,7 +251,9 @@
margin: 0;
height: 100vh;
width: 100vw;
- overflow-x: hidden;
+ //overflow-x: hidden;
+ max-width: 100%;
+ box-sizing: border-box;
background-color: var(--light);
}
@@ -268,10 +283,10 @@
}
.singlePage {
- margin: 4em 30vw;
+ padding: 4em 30vw;
@media all and (max-width: 1200px) {
- margin: 25px 5vw;
+ padding: 25px 5vw;
}
}
@@ -484,6 +499,10 @@
transition-delay: 0.3s;
user-select: none;
+ @media all and (max-width: 600px) {
+ display: none;
+ }
+
&.visible {
opacity: 1;
visibility: visible;
--
Gitblit v1.10.0