Comments (7)
Hello, this comment can be a bit awkward using a translator. ;(
I think this problem is probably related to some styles in style.css
.
Among them, it was confirmed that indentation occurs when the lower part is commented out. But I don't know which code specifically is causing the problem.
code {
font-family: Consolas, 'Courier New', Courier, monospace;
display: inline-block;
overflow: auto !important;
white-space: pre-line !important;
word-wrap: break-word !important;
padding: 2px 2px 2px 2px;
vertical-align:middle;
padding: 2px 2px 2px 2px;
border: 1px solid var(--secondary-border-color);
border-radius: 4px;
}
.regular-sans code {
padding: 20px;
background-color: var(--bg-sub);
border-radius: 5px;
border: none;
}
.serif code {
padding: 20px;
background-color: var(--bg-sub);
border-radius: 5px;
border: none;
}
pre code {
font-family: Consolas, 'Courier New', Courier, monospace;
display: inline-block;
overflow: auto !important;
white-space: pre-line !important;
word-wrap: break-word !important;
padding: 15px 15px 15px 15px;
vertical-align:middle;
width: 90%;
background-color: var(--bg-sub);
border: 1px solid var(--secondary-border-color);
border-radius: 5px;
color: var(--text-main);
}
Hope this comment helps you fix the issue.
from jekyll-garden.github.io.
Hello, this comment can be a bit awkward using a translator. ;( I think this problem is probably related to some styles in
style.css
. Among them, it was confirmed that indentation occurs when the lower part is commented out. But I don't know which code specifically is causing the problem.
Good catch @jwonyLee
I played with it a bit and figured removing white-space: pre-line !important;
from both code
and pre code
fixes the issue.
from jekyll-garden.github.io.
It seems that no HTML space character is generated.
I have a small use case and the following workaround solved my problem, but I DO NOT RECOMMEND THIS APPROACH.
I managed to generate the missing spaces using the U+00a0
UTF-8 space character (opt + space
in MacOS). In JSON code blocks it works fine, while in other code blocks it generates error spans as follows:
<span class="err"> </span>
then in highligh.css
you can find .highlight .err
class and comment out the background-color
attribute so you don't see the red background on indents.
from jekyll-garden.github.io.
Hello, this comment can be a bit awkward using a translator. ;( I think this problem is probably related to some styles in
style.css
. Among them, it was confirmed that indentation occurs when the lower part is commented out. But I don't know which code specifically is causing the problem.Good catch @jwonyLee
I played with it a bit and figured removing
white-space: pre-line !important;
from bothcode
andpre code
fixes the issue.
Had the same issue. Commented out these two lines and the indentations are back. Thanks.
from jekyll-garden.github.io.
Hi, I get the problem. I will check if there is some available solution.
from jekyll-garden.github.io.
Another minor issue that bothered me was the color scheme used for the code blocks, which is not going well with dark mode. I fixed it by using the monokai color schme scss from here and replaced highligh.css
with it.
The only caveat is, you'll end up with a dark color scheme for code blocks on both light and dark modes. But I can live with that. :)
from jekyll-garden.github.io.
@oliwang Yes. It worked. I have corrected this on the new version (check https://github.com/hfactor/hfactor.github.io). Will be updating upstream soon.
from jekyll-garden.github.io.
Related Issues (20)
- Can't start jekyll server locally HOT 3
- Are wikilinks broken? HOT 2
- Using simply Jekyll tags HOT 3
- Added notes are displayed but link to note page throws 404. HOT 7
- Base URL not considered while building hyperlinks HOT 1
- Support for link aliasing HOT 1
- Could I port this theme to Hugo? HOT 2
- Deploy outside of Github? HOT 3
- Disable github action HOT 4
- cannot search by chinese; HOT 1
- Burger navbar does not work HOT 3
- support for markdown highlights and inline mathjax HOT 1
- Support for Graph View [enhancement] [feature request] HOT 4
- Callouts (AKA admonitions) not rendered HOT 2
- Favicon is not displayed on /
- Add support for tags HOT 3
- Date format HOT 1
- Setting the homepage/enabled parameter to false in _config.yml does not work as expected.
- Navbar items still focused after click and not focused
- Linking to notes from home page HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jekyll-garden.github.io.