this should work with custom themes, but may require some tweaking for margins, etc…
this is a display mode, thus the inner structure of the notes still rely on indented bullets. if you want to exit the matrix, you can use TAB or SHIFT TAB to indent/unindent bullets until they are not part of the eisenhower matrix
I almost forgot : if you want to replace the tag #.v-eisenhower-matrix by the auto-expanding eye icon (as seen in the gif)
you can add these css rules:
This is awesome. Thank you for building and sharing!
I find my frequent use case is to classify the results of the NOW page (or query). Is there a way at all to put the results of a query into the matrix?
Edit: @tienson pointed me to this:
You can add queries into the matrix, check this tweet
Logseq’s ability to live-edit the query results really rocks. I find that I can take chaotic and unorganized notes peppered with TODOs, and still get organized very easily!
@cannibalox
This template is amazing. I’ve been using a slightly modified version of his for an OKR quad and very similar styling, but noticed it has broken with the latest beta. I"m assuming because of some changes in the way the beta perhaps handles styling or divs? Just wondering if you have an updated version of it since I am having trouble figuring out what has changed and broken (and you’re obviously amazing at this stuff.).
I am trying to use the date picker to add a due date to a task. I noticed the menu bar is white due to the CSS. Is there a way for the menu bar to stay transparent?
I am guessing you are using a different background to avoid the line going through Urgent?
Eisenhower Matrix also works well with putting a TODO next to the task. However, it is navigating the menu due to it being all white. Is there another workflow you use to manage the tasks in the matrix?
I use a dark theme+custom css, what theme are you using?
I’ll try to make it work for default light theme, but not have a lot of time atm, you can also tweak the value/colors in the installed script if you don’t want to wait or switch to dark mode.
[/quote]
you should tweak the values for “left, bottom, right, top” so trhat they work for your theme, maybe in the ‘not urgent’ section, try to replacebottom: -0.5rem; by bottom: 3rem
and for ‘not urgent’, try to replace top:50% by top: 52%
I’m not sure which values would work with this custom theme though, so you need to try different values.
hmm…it should work in 0.9.1 (I’m using 0.9.1 nightly).
are you able to move the elements at all ?
if you need to find the correct values, you can use DevTools to tweak the values, then copy trhe rules to your custom.css. a breakdown:
in logseq, on a page with the priority matrix, hit ctrl+shift+i (or F12) to open the DevTools panel, it should look like the screen below more or less
use the Select tool (icon on top left of the devtools panel)
point to one of the labels from the priority matrix, this should bring you to the relevant section of the html source code
in the code panel, you should see the same code as in the screenshot, locate the first ::before highlighted in the screenshot and click on it, this should correspond to the NOT IMPORTANT label from the priority matrix (at the bottom)
in the css tab, you should see the css rule, tweak the values for left and bottom using your cursor up and down keys or type in numbers and validate with enter, the element should move in realtime (if you use the arrows keys) so you can tweak values until its position looks correct. Once it’s in the right position : in the css panel, use the right mouse button and chose copy rule (see screenshot). Paste that rule in your custom.css and save
