search

BurningTreeC / tiddlywiki-muuri-kanban

a TiddlyWiki5 Kanban plugin based on the TiddlyWiki5 Muuri plugin
https://burningtreec.github.io/tiddlywiki-muuri/
MIT License
25 stars 1 forks source link

Odd formatting of checkbox #1

Closed ghost closed 3 years ago

ghost commented 3 years ago

Hello, when I add checkboxes to a tiddler the checkbox appears to the right rather than on the left found here:

https://tiddlywiki.com/#CheckboxWidget

Here is the markup I'm using. <$checkbox>Subtask1</$checkbox> <$checkbox>Subtask2</$checkbox> <$checkbox>Subtask3</$checkbox>

I was curious if this could be corrected.

Thank you for the project! I think it is going to suit my need well.

BurningTreeC commented 3 years ago

Hi, I've found the culprit for this. It's in $:/plugins/BTC/Muuri-Kanban/css

The lines

.tc-board-item-content input {
    width: 100%;
    border: 1px solid <<colour muted-foreground>>;
    border-radius: 2px;
    margin-bottom: 2px;
}

need to be changed to

.tc-board-item-content input:not(input[type="checkbox"]) {
    width: 100%;
    border: 1px solid <<colour muted-foreground>>;
    border-radius: 2px;
    margin-bottom: 2px;
}