Comments (23)
Hi!
I have the same problem, but the @UNICKCHENG fix works for me with a really huge value (e.g. -500
).
There is a screenshot with a value of -200
:
The last really deep bullets bring back the problem.
HtH
By the way, thank you for your work on this great plugin, one of the most essential for me :)
from logseq-dev-theme.
I tried the custom.css
code with -250px as the offset, as @MaxenceG2M suggested, and it cleans up the issue for the bullet levels I use. I'm OK with weird artifacts that only happen sometimes.
And I agree, thanks for all of your work @UNICKCHENG on this plugin, it is definitely my favorite.
from logseq-dev-theme.
Got the same problem after updating Logseq to version 0.9.9. Theme version v1.26.17.
Adding this code to thecustom.css
did not help.ls-block[haschild] > div > .block-content-wrapper::before { left: -21px; }but if I change the value of the
left
from -21px to -13px then the problem disappears.
I don't know how correct this is, but I did it and it works:.ls-block[haschild] > div > .block-content-wrapper::before { display: none; }Thanks! I also have tried to adjust the left offset but seems bad. This is work for me. Do not display the vertical dash is work for me.
Sorry, I need to apologize for my arbitrary conclusion. The method above eliminates the display of vertical lines, which exposes an issue on pages with title text. Below is the erroneous display with vertical lines:
Whereas the following is the result with the vertical lines removed:
So in the end, I still need to adjust the left offset
. At the same time, I noticed an issue with the curve and bullet points not aligning closely. Thanks to @UNICKCHENG, I referred to this reply and used the following code in logseq/custom.css
to achieve a nearly perfect effect:
.ls-block[haschild] > div > .block-content-wrapper::before {
left: -13px;
}
.ls-block > div > div.items-center::before {
right: 10px !important;
}
I hope my experience is helpful to someone.
OS: ubuntu 20.04
Logseq: 0.9.9
logseq-dev-theme: 1.26.17
from logseq-dev-theme.
If you find this issue still exists, you can try adding the following code to logseq/custom.css
and adjusting the value of "left" to fix it.
.ls-block[haschild] > div > .block-content-wrapper::before {
left: -21px;
}
from logseq-dev-theme.
I have similar issue, (luv the plug-in btw)
from logseq-dev-theme.
Just an update: for some reason my logseq at work does not automatically update. I manually updated to logseq version 0.9.6, applied the -21px offset in custom.css
and now everything draws correctly.
from logseq-dev-theme.
Got the same problem after updating Logseq to version 0.9.9. Theme version v1.26.17.
Adding this code to the custom.css
did not help
.ls-block[haschild] > div > .block-content-wrapper::before {
left: -21px;
}
but if I change the value of the left
from -21px to -13px then the problem disappears.
I don't know how correct this is, but I did it and it works:
.ls-block[haschild] > div > .block-content-wrapper::before {
display: none;
}
from logseq-dev-theme.
Greeting! None of these worked for me. I was not using the logseq-dev-theme, I was using Bonofix before this issue started. What I tried was this:
- I downloaded the latest dev theme (1.26.17) and verified that the custom.css file was empty. No change.
- I selected the dev theme as my active theme, no change.
- I added the custom css code above and no change
- I deleted Bonofix and ensured that dev theme was the only theme installed, no change
- Restarted logseq several times, no change.
So unfortunately I still have the issue with threading not working, but the additional distraction of a theme I don't like as much. 😄 Any ideas when or if this will be fixed, or something else I can try?
Thanks for all of your efforts.
from logseq-dev-theme.
I was able to use @UNICKCHENG fix to align the rogue vertical line with -16px as the offset.
Thanks for the fix!
from logseq-dev-theme.
Sorry to trouble you with this minor query, but could you please identify which line in the CSS describes the horizontal line for the child?
I have already amended the line mentioned above ("ls-block ... -21 px"), but I cannot work out which other line draws to the dot point of the child lines.
Thanks in advance!
@schmy Try modifying the value of "right" like right: 50px
?
.ls-block > div > div.items-center::before {
right: 10px !important;
}
from logseq-dev-theme.
I have a similar issue:
I have no content in logseq/custom.css. This issue was fixed for me, when i installed the plugin Bullet threading. So i can reproduce the issue by deactivating that plugin.
from logseq-dev-theme.
EDIT:
I managed to solve the issue by tweaking the value even further.
.ls-block[haschild] > div > .block-content-wrapper::before {
left: -13.8px;
}
from logseq-dev-theme.
@cybertosher I'm sorry for causing you trouble. The main reason is that Logseq was recently updated to version 0.9.6, which caused compatibility issue(#92). This issue seems to have been fixed before(#93), but it still appears in your screenshot. Could you please try the following steps to check again?
- update logseq-dev-theme to the latest version, v1.26.17.
- check if there are any additional configurations in the
logseq/custom.css
file.
from logseq-dev-theme.
Is there going to be a permanent fix anytime soon? Changing my custom.css to -15px solved the issue on my Mac, but this workaround seems a bit arbitrary. Just curious. 😃
from logseq-dev-theme.
Is there going to be a permanent fix anytime soon? Changing my custom.css to -15px solved the issue on my Mac, but this workaround seems a bit arbitrary. Just curious. 😃
A more universal solution than this one cannot be found at present, but I believe that this issue will eventually be resolved in the future.
from logseq-dev-theme.
Sorry to trouble you with this minor query, but could you please identify which line in the CSS describes the horizontal line for the child?
I have already amended the line mentioned above ("ls-block ... -21 px"), but I cannot work out which other line draws to the dot point of the child lines.
Thanks in advance!
from logseq-dev-theme.
Hi, I encountered the same issue and wanted to share my custom.css
file:
@import url("https://cdn.jsdelivr.net/gh/sokirill/logseq-panic-theme@main/custom.css");
:root {
--ct-code-font-family: Maple Mono, Fira Code, Monaco, Menlo, Consolas, 'COURIER NEW', "等距更纱黑体 SC", monospace;
--ls-font-family: Verdana, 'fira sans', 'segoe UI Emoji', 'sarasa ui sc', sans-serif;
}
#root>div,
html,
body {
font-family: var(--ls-font-family);
}
:not(pre)>code,
.CodeMirror {
font-family: var(--ct-code-font-family);
}
I've tried the solution mentioned earlier with left: -21px;
, but unfortunately, the issue still persists.
![image](https://private-user-images.githubusercontent.com/27724893/239716502-dc6eaeaf-3628-4b7f-99d8-9dff9d9219b9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTY2MTE5MDEsIm5iZiI6MTcxNjYxMTYwMSwicGF0aCI6Ii8yNzcyNDg5My8yMzk3MTY1MDItZGM2ZWFlYWYtMzYyOC00YjdmLTk5ZDgtOWRmZjlkOTIxOWI5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTI1VDA0MzMyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk2MTNjMDdkOTY0ZTQxNjJkNTFiN2YzYjc3MzBlNzZjN2ZmMjEzYjllZTM3OTA2YzZhYzYxZmNlM2RiMDJjNGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.7-5ZxmqAnzQLmV-J5Cn8UZViK86IVTeLkcJVueC1exU)
Thank you for your attention to this matter.
Update: I tried left: -15px;
, and it works for me.
from logseq-dev-theme.
@ginko-ai , the issue appearing in your screenshot seems to be related to the CSS configuration of the plugin being overridden, which is causing it not to work correctly. Please refer to the following method for troubleshooting.
- update logseq-dev-theme to the latest version,
v1.26.17
. - check if there are any additional configurations in the
logseq/custom.css
file.
from logseq-dev-theme.
I have the same quesiton and how to solve this?
from logseq-dev-theme.
@ginko-ai , the issue appearing in your screenshot seems to be related to the CSS configuration of the plugin being overridden, which is causing it not to work correctly. Please refer to the following method for troubleshooting.
- update logseq-dev-theme to the latest version,
v1.26.17
.- check if there are any additional configurations in the
logseq/custom.css
file.
@Zhangwuhao here ? If there are still errors, could you provide screenshots and configuration information?
from logseq-dev-theme.
Got the same problem after updating Logseq to version 0.9.9. Theme version v1.26.17.
Adding this code to the
custom.css
did not help.ls-block[haschild] > div > .block-content-wrapper::before { left: -21px; }but if I change the value of the
left
from -21px to -13px then the problem disappears.I don't know how correct this is, but I did it and it works:
.ls-block[haschild] > div > .block-content-wrapper::before { display: none; }
Thanks! I also have tried to adjust the left offset but seems bad. This is work for me. Do not display the vertical dash is work for me.
from logseq-dev-theme.
Broken again. I have logseq 0.10.7 and the latest dev theme, and once again there is a little broken line. No configuration in custom.css. Is the best way to fix this one again to add the custom CSS, or is there an error with the theme maybe that fixes it? I do not have this issue on Windows 10, only MacOS. This is kind of like Whack-A-Mole
OK, so today I learned (I am slow like this) that the dev theme has bullet threading built in, and that I need to use the dev-theme without bullet threading along with the bullet threading plugin. When I do that, I do not have the little extra bit. So the theme is broken, not the plugin. Closing as my bad.
from logseq-dev-theme.
The plugin seems to be working fine, my issue is with the theme.
from logseq-dev-theme.
Related Issues (20)
- As shown in the picture, why is there an additional short vertical line here? HOT 2
- [feature request] Show bullet threading on hover
- 要如何设置才能使 tabler-icons 正常显示呢?
- Tabler icons not displaying properly
- Only black or white path color if "cancel accent color" is selected HOT 1
- Thread overlaps expander
- RTL support
- The variable --ct-inline-code-color is missing
- referenced code abnormal
- Bullet threading conflicts with Android HOT 1
- Changing font size brake bullet threading line HOT 3
- Apply for the maintainer of this OSS project HOT 2
- block fold button on mobile HOT 5
- Graph View not working with bullet threading HOT 1
- Bullet treading not propper
- 明暗模式切换时,自定义字体变成默认 HOT 3
- indentation error when start the software HOT 3
- Style can be problematic when a block has LOGBOOK HOT 1
- [feature request] Bullet Threading showing optionally all links
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 logseq-dev-theme.