From 152686af7049b6dead9a63a10f66d10218a4b4df Mon Sep 17 00:00:00 2001
From: Erik Derohanian <erik@erik-j.de>
Date: Sat, 11 Dec 2021 12:39:47 -0500
Subject: [PATCH] fix for mobile highlighting width
---
assets/scss/components/code-highlight.scss | 10 ++++++++--
1 file changed, 8 insertions(+), 2 deletions(-)
diff --git a/assets/scss/components/code-highlight.scss b/assets/scss/components/code-highlight.scss
index 7a87645..970e738 100644
--- a/assets/scss/components/code-highlight.scss
+++ b/assets/scss/components/code-highlight.scss
@@ -3,7 +3,7 @@ $ht-code-border-radius: .4em;
width: 55%;
overflow-x: scroll;
border-radius: $ht-code-border-radius;
-
+
&>div.chroma>table.lntable{
margin: $ht-code-border-radius 0 $ht-code-border-radius 0;
& td:first-of-type {
@@ -28,7 +28,7 @@ $ht-code-border-radius: .4em;
// border-radius: $ht-code-border-radius / 2;
display: block;
}
-
+
&::-webkit-scrollbar {
border-radius: $ht-code-border-radius;
width: 10px;
@@ -39,6 +39,12 @@ $ht-code-border-radius: .4em;
}
}
+@media screen and (max-width: 760px) {
+ .highlight {
+ width: 90%;
+ }
+}
+
.highlight .lntable {
overflow: initial;
}