Comments (13)
@mikeriss & @trungng2006 are you both using the minimal theme?
from obsidian-plugin-todo.
I found the issue.
In Minimal.css under input[type=checkbox] change the padding to 7px. Check the CSS below
input[type=checkbox] {
-webkit-appearance:none;
appearance:none;
border-radius:50%;
border:2px solid var(--background-modifier-border-hover);
padding:7px;
}
from obsidian-plugin-todo.
Hi @trungng2006, thanks for trying it out :) For me it works with an out-of-the-box installation of Obsidian. For me to understand the issue, can you share if you have a custom theme, custom CSS or other plugins added to your Obsidian installation?
from obsidian-plugin-todo.
You are correct. I tried on a new vault and the pane display correctly.
I think this is the problem with CSS rather than plugins. I disabled all plugins except for ToDo and the problem persisted.
Will try to probe around with the CSS and let you know
from obsidian-plugin-todo.
I found it:
input[type=checkbox] {
-webkit-appearance: none;
appearance: none;
border-radius: 50%;
border: 1px solid var(--text-faint);
padding: 0;
}
When comment this out the box appear again
from obsidian-plugin-todo.
I found it:
input[type=checkbox] { -webkit-appearance: none; appearance: none; border-radius: 50%; border: 1px solid var(--text-faint); padding: 0; }
When comment this out the box appear again
I have the same issue. How do I comment out the CSS?
from obsidian-plugin-todo.
I have the same issue. How do I comment out the CSS?
Try to locate that code in your obsidian.css or snippet.
Then you can delete that piece of code, or wrap the code in /* and */
eg:
/*
input[type=checkbox] {
-webkit-appearance: none;
appearance: none;
border-radius: 50%;
border: 1px solid var(--text-faint);
padding: 0;
}
*/
from obsidian-plugin-todo.
Thanks, I can now see the checkbox.
Although it doesnt have the feel and look of the minimal theme anymore
from obsidian-plugin-todo.
I use gruvbox. But I copy this snippet from the minimal theme.
from obsidian-plugin-todo.
My guess is that its not showing a dot but instead its the actual checkbox but we are only seeing the a small portion of it. There could be too much padding. my two cents
from obsidian-plugin-todo.
My guess is that its not showing a dot but instead its the actual checkbox but we are only seeing the a small portion of it.
This is correct. Increasing the px
in border: 1px
does make the circle larger. But fails to show task done check mark when click.
I am willing to forgo the minimal checkbox for this great feature though. :D
from obsidian-plugin-todo.
Very nice! Thank you for letting me know!
from obsidian-plugin-todo.
Thanks for diving into this! I'll try to reproduce with the Minimal theme enabled and see if I can prevent this from occurring with the out-of-the-box configuration of Minimal.
from obsidian-plugin-todo.
Related Issues (20)
- Where do I find the TODO list? HOT 1
- Failed to load source map luxon.js.map
- How do i make a TODO ? HOT 1
- Feature Request: show TODOs only from specific file/files HOT 4
- Periodic Notes Integrations
- bug report: checkboxes inside numbered list not aggregated to Todo-view
- Causes a short lag every few seconds
- failed to load this plugin
- [Feature Request] Add compatibility with the Obsidian List Callouts plugin
- Where is the todo view? HOT 1
- Plugin does not seem to care for theme HOT 1
- Please Enable various-complements autocomplete on the popup, "Create or edit Task"
- Don't delete date tag after mark entry as done
- Main Page that's shown in the ReadMe doesn't exist. HOT 1
- Puts obsidian very laggy, better avoid plugin with the last version
- Plugin seems to ignore the "excluded files" list
- FR: Collect only from tagged files (TODOs from 4000 markdown files in (27.085s)`) HOT 4
- Failing on TriggerIndex | No rendering HOT 4
- Tasks in today view not inheriting due date. HOT 3
- New plugin name requirements
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 obsidian-plugin-todo.