diff --git a/workflowy-helper/main.js b/workflowy-helper/main.js index e1a87f9..dd2430c 100644 --- a/workflowy-helper/main.js +++ b/workflowy-helper/main.js @@ -190,7 +190,7 @@ } } const content = names[0].querySelector('.content'); - const hotspots = ["admin", "art","mind","health","social","church","job","work","side"] + const hotspots = ["admin", "creative","interests","health","relationships","god","career"]; text.forEach(function(t) { const breadcrumb = t.querySelector('.breadcrumbs'); if (breadcrumb !== null) { diff --git a/workflowy-helper/style.css b/workflowy-helper/style.css index 678a4a8..c8f125a 100644 --- a/workflowy-helper/style.css +++ b/workflowy-helper/style.css @@ -145,6 +145,10 @@ body { margin-right: 4px; } +.done .content { + opacity: initial !important; +} + body::-webkit-scrollbar { display: none; } @@ -233,8 +237,8 @@ body::-webkit-scrollbar { margin-left: 5px; } -.project.boardCard.hotspot-mind .breadcrumbs > :last-child::after, -.project:not(.boardCard).hotspot-mind > .name > .content::after { +.project.boardCard.hotspot-interests .breadcrumbs > :last-child::after, +.project:not(.boardCard).hotspot-interests > .name > .content::after { content: "🧠"; margin-left: 5px; } @@ -245,8 +249,8 @@ body::-webkit-scrollbar { margin-left: 5px; } -.project.boardCard.hotspot-art .breadcrumbs > :last-child::after, -.project:not(.boardCard).hotspot-art > .name > .content::after { +.project.boardCard.hotspot-creative .breadcrumbs > :last-child::after, +.project:not(.boardCard).hotspot-creative > .name > .content::after { content: "🎨"; margin-left: 5px; } @@ -257,78 +261,24 @@ body::-webkit-scrollbar { margin-left: 5px; } -.project.boardCard.hotspot-social .breadcrumbs > :last-child::after, -.project:not(.boardCard).hotspot-social > .name > .content::after { +.project.boardCard.hotspot-relationships .breadcrumbs > :last-child::after, +.project:not(.boardCard).hotspot-relationships > .name > .content::after { content: "👥"; margin-left: 5px; } -.project.boardCard.hotspot-job .breadcrumbs > :last-child::after, -.project:not(.boardCard).hotspot-job > .name > .content::after { +.project.boardCard.hotspot-career .breadcrumbs > :last-child::after, +.project:not(.boardCard).hotspot-career > .name > .content::after { content: "💻"; margin-left: 5px; } -.project.boardCard.hotspot-church .breadcrumbs > :last-child::after, -.project:not(.boardCard).hotspot-church > .name > .content::after { +.project.boardCard.hotspot-god .breadcrumbs > :last-child::after, +.project:not(.boardCard).hotspot-god > .name > .content::after { content: "☦️"; margin-left: 5px; } -.project.boardCard.hotspot-work .breadcrumbs > :last-child::after, -.project:not(.boardCard).hotspot-work > .name > .content::after { - content: "💼"; - margin-left: 5px; -} - - - - - - - - - -.linked-xGOAL > .name .innerContentContainer, -.linked-xGOAL > .notes .innerContentContainer { - color: var(--yellow); -} -.linked-xGOAL > .name .innerContentContainer { - font-weight: bold; -} -.linked-xGOAL > .name > .content > .innerContentContainer::before { - content: "♥︎"; - color: var(--yellow); -} - -.linked-xRESPONSIBILITY > .name > .content > .innerContentContainer::before { - content: "✦"; - color: var(--red); -} - -.linked-xRESPONSIBILITY > .name .innerContentContainer, -.linked-xRESPONSIBILITY > .notes .innerContentContainer { - color: var(--red); -} - -.linked-xRESPONSIBILITY > .name .innerContentContainer { - font-weight: bold; -} - -.linked-xVISUALISATION > .name > .content > .innerContentContainer::before { - content: "☁︎"; - color: var(--green); -} - -.linked-xVISUALISATION > .name .innerContentContainer, -.linked-xVISUALISATION > .notes .innerContentContainer { - color: var(--green); -} - -.linked-xVISUALISATION > .name .innerContentContainer { - font-weight: bold; -} - .linked-xPROJECT > .name .innerContentContainer { font-weight: bold; @@ -348,6 +298,10 @@ body::-webkit-scrollbar { border-bottom: 1px solid var(--magenta); } +.linked-xPROJECT.tagged-ACTIVE > .children { + border-color: var(--magenta) !important; +} + .linked-xPROJECT.tagged-SMALL > .name > .content > .innerContentContainer::before { color: var(--green); } @@ -359,6 +313,11 @@ body::-webkit-scrollbar { border-bottom: 1px solid var(--green); } +.linked-xPROJECT.tagged-SMALL > .children { + border-color: var(--green) !important; +} + + .linked-xPROJECT.tagged-ARCHIVE .name > .content > .innerContentContainer::before { color: var(--grey) !important; } @@ -366,10 +325,10 @@ body::-webkit-scrollbar { .linked-xPROJECT.tagged-ARCHIVE .notes .innerContentContainer { color: var(--grey) !important; } -.linked-xPROJECT.tagged-ARCHIVE .name .content, -.linked-xPROJECT.tagged-ARCHIVE .name .content time > span { +.linked-xPROJECT.tagged-ARCHIVE .linked-xTASK > .name .content, +.linked-xPROJECT.tagged-ARCHIVE .linked-xTASK > .name .content time > span { text-decoration-color: var(--grey) !important; - opacity: 1 !important; + /* opacity: 1 !important; */ } .linked-xPROJECT.tagged-ARCHIVE .name > .bullet { color: var(--grey) !important; @@ -378,6 +337,11 @@ body::-webkit-scrollbar { border-bottom: 1px solid var(--grey); } +.linked-xPROJECT.tagged-ARCHIVE > .children { + border-color: var(--grey) !important; +} + + .linked-xPROJECT.tagged-PLANT > .name > .content > .innerContentContainer::before { color: var(--orange); @@ -390,6 +354,11 @@ body::-webkit-scrollbar { border-bottom: 1px solid var(--orange); } +.linked-xPROJECT.tagged-PLANT > .children { + border-color: var(--orange) !important; +} + + .linked-xPROJECT.tagged-STALLED > .name > .content > .innerContentContainer::before { /* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(120deg) brightness(100%) contrast(100%); */ color: var(--cyan); @@ -402,6 +371,10 @@ body::-webkit-scrollbar { border-bottom: 1px solid var(--cyan); } +.linked-xPROJECT.tagged-STALLED > .children { + border-color: var(--cyan) !important; +} + .linked-xPROJECT.tagged-MAYBE > .name > .content > .innerContentContainer::before { /* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(210deg) brightness(100%) contrast(100%); */ color: var(--violet); @@ -414,26 +387,16 @@ body::-webkit-scrollbar { border-bottom: 1px solid var(--violet); } +.linked-xPROJECT.tagged-MAYBE > .children { + border-color: var(--violet) !important; +} -/* .linked-xHABIT > .name > .content > .innerContentContainer::before { */ -/* content: "↻"; */ -/* /1* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(330deg) brightness(100%) contrast(100%); *1/ */ -/* color: var(--orange); */ -/* } */ - - -/* .linked-xHABIT > .name .innerContentContainer, */ -/* .linked-xHABIT > .notes .innerContentContainer { */ -/* color: var(--orange); */ -/* } */ .linked-xTASK > .name > .content > .innerContentContainer::before { - /* content: "✔️"; */ content: "✓"; } .linked-xTASK.tagged-HABIT > .name > .content > .innerContentContainer::before { - /* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(160deg) brightness(90%) contrast(100%); */ color: var(--orange); } .linked-xTASK.tagged-HABIT > .name .innerContentContainer, @@ -445,6 +408,18 @@ body::-webkit-scrollbar { color: var(--orange); } +.linked-xTASK.tagged-DAILY > .name > .content > .innerContentContainer::before { + color: var(--yellow); +} +.linked-xTASK.tagged-DAILY > .name .innerContentContainer, +.linked-xTASK.tagged-DAILY > .notes .innerContentContainer { + color: var(--yellow); +} +.linked-xTASK.tagged-DAILY > .name > .content > .innerContentContainer::before { + content: "↻"; + color: var(--yellow); +} + .linked-xTASK.tagged-SCHEDULED > .name > .content > .innerContentContainer::before { color: var(--red); } @@ -462,15 +437,12 @@ body::-webkit-scrollbar { .linked-xTASK.tagged-NEXT > .notes .innerContentContainer { color: var(--blue); } -.linked-xTASK.tagged-DAILY > .name > .content > .innerContentContainer::before, .linked-xTASK.tagged-WEEKLY > .name > .content > .innerContentContainer::before, .linked-xTASK.tagged-MONTHLY > .name > .content > .innerContentContainer::before, .linked-xTASK.tagged-IRREGULAR > .name > .content > .innerContentContainer::before { content: "↻"; color: var(--green); } -.linked-xTASK.tagged-DAILY > .name .innerContentContainer, -.linked-xTASK.tagged-DAILY > .notes .innerContentContainer, .linked-xTASK.tagged-WEEKLY > .name .innerContentContainer, .linked-xTASK.tagged-WEEKLY > .notes .innerContentContainer, .linked-xTASK.tagged-MONTHLY > .name .innerContentContainer, @@ -496,7 +468,6 @@ body::-webkit-scrollbar { } .linked-xTASK.tagged-MAYBE > .name > .content > .innerContentContainer::before { - /* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(210deg) brightness(90%) contrast(100%); */ color: var(--violet); } .linked-xTASK.tagged-MAYBE > .name .innerContentContainer, @@ -504,9 +475,14 @@ body::-webkit-scrollbar { color: var(--violet); } -.tag-DAILY { - color: var(--blue) !important; -} +/* .tag-DAILY { */ +/* color: var(--blue) !important; */ +/* } */ + +/* .tag-HABIT { */ +/* color: var(--orange) !important; */ +/* } */ + .tag-WEEKLY { color: var(--green) !important; } @@ -516,7 +492,6 @@ body::-webkit-scrollbar { .tag-IRREGULAR { color: var(--green) !important; } - .tag-WORK { color: var(--red) !important; } @@ -554,14 +529,12 @@ body::-webkit-scrollbar { content: "★"; color: var(--yellow); margin-left: 3px; - /* margin-right: 4px; */ } .linked.timed-tomorrow > .name > .content > .innerContentContainer::after { content: "☂︎"; color: var(--violet); margin-left: 3px; - /* margin-right: 4px; */ } .linked .name .time-tomorrow > .content-wrapper { @@ -569,8 +542,7 @@ body::-webkit-scrollbar { border-color: var(--violet) !important; } -.linked:not(.tagged-done):not(.tagged-missed):not(.tagged-na) .name .time-late > .content-wrapper, -.linked:not(.tagged-done):not(.tagged-missed):not(.tagged-na) .name .time-yesterday > .content-wrapper { +.linked:not(.tagged-done):not(.tagged-missed):not(.tagged-na) > .name .time-late > .content-wrapper { color: var(--red) !important; border-color: var(--red) !important; } @@ -579,78 +551,76 @@ body::-webkit-scrollbar { display: none !important; } -.tagged-done > .name > .content, -.tagged-done > .notes > .content, -.tagged-done > .name time > span, -.tagged-missed > .name > .content, -.tagged-missed > .notes > .content, -.tagged-missed > .name time > span, -.tagged-na > .name > .content, -.tagged-na > .notes > .content, -.tagged-na > .name time > span { - opacity: 0.7 !important; - /* text-decoration: none !important; */ +.linked-xTASK.tagged-done > .name > .content, +.linked-xTASK.tagged-done > .name time > span, +.linked-xTASK.tagged-missed > .name > .content, +.linked-xTASK.tagged-missed > .name time > span, +.linked-xTASK.tagged-na > .name > .content, +.linked-xTASK.tagged-na > .name time > span, +.linked-xPROJECT.tagged-ARCHIVE > .name > .content { text-decoration: line-through !important; text-decoration-thickness: 2px !important; + text-decoration-color: var(--grey) !important; } -.tag-done { - color: var(--green) !important; -} - -.tag-underway { - color: var(--cyan) !important; -} - -.tagged-done > .name > .content, -.tagged-done > .name time > span { - text-decoration-color: var(--green) !important; -} - -.tagged-missed > .name > .content, -.tagged-missed > .name time > span { - text-decoration-color: var(--red) !important; +.linked-xTASK.tagged-done > .name > .content, +.linked-xTASK.tagged-done > .notes > .content, +.linked-xTASK.tagged-done > .name time > span, +.linked-xTASK.tagged-missed > .name > .content, +.linked-xTASK.tagged-missed > .notes > .content, +.linked-xTASK.tagged-missed > .name time > span, +.linked-xTASK.tagged-na > .name > .content, +.linked-xTASK.tagged-na > .notes > .content, +.linked-xTASK.tagged-na > .name time > span, +.linked-xPROJECT.tagged-ARCHIVE > .name > .content, +.linked-xPROJECT.tagged-ARCHIVE > .notes > .content { + /* opacity: 0.7 !important; */ } -.tag-missed { +.tag-a { color: var(--red) !important; } -.tagged-na > .name > .content, -.tagged-na > .name time > span { - text-decoration-color: var(--blue) !important; +.tag-b { + color: var(--blue) !important; } -.tag-na { - color: var(--blue) !important; +.tag-c { + color: var(--green) !important; } -.tag-new { - color: var(--blue) !important; +.tag-d { + color: var(--violet) !important; +} +.tag-done { + color: var(--green) !important; } -.tagged-event > .name > .content > .innerContentContainer { - color: var(--red) !important; +.tag-underway { + color: var(--cyan) !important; } -.tagged-note > .name > .content > .innerContentContainer { - color: var(--blue) !important; +.linked-xTASK.tagged-done > .name > .content, +.linked-xTASK.tagged-done > .name time > span { + text-decoration-color: var(--green) !important; } -.tagged-gym > .name > .content > .innerContentContainer { - color: var(--yellow) !important; +.linked-xTASK.tagged-missed > .name > .content, +.linked-xTASK.tagged-missed > .name time > span { + text-decoration-color: var(--red) !important; } -.tagged-holiday > .name > .content > .innerContentContainer { - color: var(--orange) !important; +.linked-xTASK.tag-missed { + color: var(--red) !important; } -.tagged-plan > .name > .content > .innerContentContainer { - color: var(--green) !important; +.linked-xTASK.tagged-na > .name > .content, +.linked-xTASK.tagged-na > .name time > span { + text-decoration-color: var(--blue) !important; } -.tagged-birthday > .name > .content > .innerContentContainer { - color: var(--violet) !important; +.linked-xTASK.tag-na { + color: var(--blue) !important; } .half-open.tagged-a > .name > .bullet, @@ -677,11 +647,11 @@ body::-webkit-scrollbar { color: var(--violet) !important; } -.timed-late:not(.linked) > .name, -.timed-late:not(.linked) > .notes, -.timed-late:not(.linked) > .children > .project:not(.timed) { - opacity: .5 !important; -} +/* .timed-late:not(.linked) > .name, */ +/* .timed-late:not(.linked) > .notes, */ +/* .timed-late:not(.linked) > .children > .project:not(.timed) { */ +/* /1* opacity: .5 !important; *1/ */ +/* } */ .inject { display: flex; @@ -704,14 +674,14 @@ body::-webkit-scrollbar { } .hotspot-admin.boardCard::after, -.hotspot-mind.boardCard::after, +.hotspot-interests.boardCard::after, .hotspot-health.boardCard::after, -.hotspot-art.boardCard::after, +.hotspot-creative.boardCard::after, .hotspot-side.boardCard::after, -.hotspot-job.boardCard::after, -.hotspot-church.boardCard::after, +.hotspot-career.boardCard::after, +.hotspot-god.boardCard::after, .hotspot-work.boardCard::after, -.hotspot-social.boardCard::after { +.hotspot-relationships.boardCard::after { position: absolute !important; bottom: 10px !important; right: 10px !important; @@ -729,7 +699,6 @@ body::-webkit-scrollbar { margin-left: 4px; } - .boardCard { /* width: max-content !important; */ /* max-width: var(--card) !important; */ @@ -854,3 +823,33 @@ body::-webkit-scrollbar { background-color: var(--cyan) !important; color: var(--black) !important; } + +.project.root.board > .name { + display: flex !important; + width: fit-content !important; +} + +.root.board > .name .itemMenu { + position: initial !important; + margin-top: 6px; +} + +.linked ._4dete6 { + text-decoration: initial !important; +} + +.tagged-ARCHIVE .name .time-late > .content-wrapper, +.tagged-ARCHIVE .name .time-yesterday > .content-wrapper, +.tagged-ARCHIVE .name .time-today > .content-wrapper, +.tagged-ARCHIVE .name > .content > .innerContentContainer::after, +.tagged-ARCHIVE .name .contentTag { + color: var(--grey) !important; + border-color: var(--grey) !important; +} + +.linked.done .name > .content::before, +.linked.done > .name > .content::before { + content: "✕"; + color: var(--grey); + margin-right: 4px; +}