From f70128a3deacc26ceccb7d397ce6cd73acceb7f9 Mon Sep 17 00:00:00 2001
From: Claudio Yanes <me@claudio4.com>
Date: Wed, 09 Mar 2022 17:58:01 +0000
Subject: [PATCH] Prevent overflow of long links and words
---
assets/styles/base.scss | 16 +++++++++++++---
1 files changed, 13 insertions(+), 3 deletions(-)
diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index a462a33..d5b5150 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -183,6 +183,10 @@
border-radius: 3px;
}
}
+
+ & p {
+ overflow-wrap: anywhere;
+ }
}
.backlinks a {
@@ -238,7 +242,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 +274,10 @@
}
.singlePage {
- margin: 4em 30vw;
+ padding: 4em 30vw;
@media all and (max-width: 1200px) {
- margin: 25px 5vw;
+ padding: 25px 5vw;
}
}
@@ -484,6 +490,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