You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
920 lines
24 KiB
920 lines
24 KiB
:root {
|
|
--base03: #002b36;
|
|
--black: var(--base03);
|
|
--base02: #073642;
|
|
--dark-grey: var(--base02);
|
|
|
|
--base01: #586e75;
|
|
--grey: var(--base01);
|
|
--base00: #657b83;
|
|
--base0: #839496;
|
|
--base1: #93a1a1;
|
|
--highlight: var(--base1);
|
|
|
|
--base2: #eee8d5;
|
|
--light-grey: var(--base2);
|
|
--base3: #fdf6e3;
|
|
--white: var(--base3);
|
|
|
|
--yellow: #b58900;
|
|
--orange: #cb4b16;
|
|
--red: #dc322f;
|
|
--magenta: #d33682;
|
|
--violet: #6c71c4;
|
|
--blue: #268bd2;
|
|
--cyan: #2aa198;
|
|
--green: #859900;
|
|
|
|
--card: 300px;
|
|
|
|
}
|
|
|
|
body {
|
|
--wf-dark-gray-100: var(--white) !important;
|
|
--wf-dark-gray-200: var(--light-grey) !important;
|
|
--wf-dark-gray-300: var(--base1) !important;
|
|
--wf-dark-gray-400: var(--base0) !important;
|
|
--wf-dark-gray-500: var(--base00) !important;
|
|
--wf-dark-gray-600: var(--base01) !important;
|
|
--wf-dark-gray-700: var(--dark-grey) !important;
|
|
--wf-dark-gray-800: var(--black) !important;
|
|
|
|
--wf-gray-0: var(--white) !important;
|
|
--wf-gray-100: var(--white) !important;
|
|
--wf-gray-200: var(--light-grey) !important;
|
|
--wf-gray-300: var(--base1) !important;
|
|
--wf-gray-400: var(--base0) !important;
|
|
--wf-gray-500: var(--base00) !important;
|
|
--wf-gray-600: var(--base01) !important;
|
|
--wf-gray-700: var(--dark-grey) !important;
|
|
--wf-gray-800: var(--black) !important;
|
|
|
|
--wf-dark-blue-100: var(--blue) !important;
|
|
--wf-dark-blue-200: var(--blue) !important;
|
|
--wf-dark-blue-300: var(--blue) !important;
|
|
--wf-dark-blue-400: var(--blue) !important;
|
|
--wf-dark-blue-500: var(--blue) !important;
|
|
--wf-dark-blue-600: var(--blue) !important;
|
|
--wf-dark-blue-700: var(--blue) !important;
|
|
--wf-dark-blue-800: var(--blue) !important;
|
|
--wf-blue-100: var(--blue) !important;
|
|
--wf-blue-200: var(--blue) !important;
|
|
--wf-blue-300: var(--blue) !important;
|
|
--wf-blue-400: var(--blue) !important;
|
|
--wf-blue-500: var(--blue) !important;
|
|
--wf-blue-600: var(--blue) !important;
|
|
--wf-blue-700: var(--blue) !important;
|
|
--wf-blue-800: var(--blue) !important;
|
|
--text-annotation-icon-colors-mentioned: var(--blue) !important;
|
|
|
|
--wf-red-100: var(--red) !important;
|
|
--wf-red-200: var(--red) !important;
|
|
--wf-red-300: var(--red) !important;
|
|
--wf-red-400: var(--red) !important;
|
|
--wf-red-500: var(--red) !important;
|
|
--wf-red-600: var(--red) !important;
|
|
--wf-red-700: var(--red) !important;
|
|
--wf-red-800: var(--red) !important;
|
|
|
|
--wf-lime-green-100: var(--green) !important;
|
|
--wf-lime-green-200: var(--green) !important;
|
|
--wf-lime-green-300: var(--green) !important;
|
|
--wf-lime-green-400: var(--green) !important;
|
|
--wf-lime-green-500: var(--green) !important;
|
|
--wf-lime-green-600: var(--green) !important;
|
|
--wf-lime-green-700: var(--green) !important;
|
|
--wf-lime-green-800: var(--green) !important;
|
|
--text-annotation-icon-colors-added: var(--green) !important;
|
|
--wf-support-success: var(--green) !important;
|
|
--text-annotation-background-colors-added: var(--green) !important;
|
|
|
|
--wf-yellow-100: var(--yellow) !important;
|
|
--wf-yellow-200: var(--yellow) !important;
|
|
--wf-yellow-300: var(--yellow) !important;
|
|
--wf-yellow-400: var(--yellow) !important;
|
|
--wf-yellow-500: var(--yellow) !important;
|
|
--wf-yellow-600: var(--yellow) !important;
|
|
--wf-yellow-700: var(--yellow) !important;
|
|
--wf-yellow-800: var(--yellow) !important;
|
|
|
|
--text-annotation-icon-colors-moved: var(--orange) !important;
|
|
--text-annotation-icon-colors-edited: var(--orange) !important;
|
|
--text-annotation-background-colors-edited: var(--orange) !important;
|
|
|
|
--text-annotation-icon-colors-completed: var(--grey) !important;
|
|
--text-annotation-background-colors-completed: var(--grey) !important;
|
|
|
|
--text-annotation-background-colors-mentioned: var(--dark-grey) !important;
|
|
|
|
--text-annotation-background-colors-moved: var(--violet) !important;
|
|
|
|
--wf-tag-text-gray: var(--white) !important;
|
|
--wf-tag-background-gray: var(--white) !important;
|
|
--wf-tag-text-red: var(--red) !important;
|
|
--wf-tag-background-red: var(--red) !important;
|
|
--wf-tag-text-orange: var(--orange) !important;
|
|
--wf-tag-background-orange: var(--orange) !important;
|
|
--wf-tag-text-yellow: var(--yellow) !important;
|
|
--wf-tag-background-yellow: var(--yellow) !important;
|
|
--wf-tag-text-green: var(--green) !important;
|
|
--wf-tag-background-green: var(--green) !important;
|
|
--wf-tag-text-blue: var(--wf-dark-gray-600) !important;
|
|
--wf-tag-background-blue: var(--wf-dark-gray-600) !important;
|
|
--wf-tag-text-purple: var(--violet) !important;
|
|
--wf-tag-background-purple: var(--violet) !important;
|
|
--wf-tag-text-teal: var(--cyan) !important;
|
|
--wf-tag-background-teal: var(--cyan) !important;
|
|
--wf-tag-text-sky: var(--blue) !important;
|
|
--wf-tag-background-sky: var(--blue) !important;
|
|
--wf-tag-text-pink: var(--magenta) !important;
|
|
--wf-tag-background-pink: var(--magenta) !important;
|
|
--wf-tag-text: var(--black) !important;
|
|
--wf-color-bullet: var(--white) !important;
|
|
|
|
--wf-text-primary: var(--wf-dark-gray-300) !important;
|
|
--wf-text-helper: var(--wf-dark-gray-500) !important;
|
|
|
|
--wf-background-tertiary: var(--wf-dark-gray-700) !important;
|
|
--wf-tag-background: var(--wf-dark-gray-700) !important;
|
|
|
|
/* color: var(--grey) !important; */
|
|
|
|
}
|
|
|
|
.name > .content > .innerContentContainer::before {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.done .content {
|
|
opacity: initial !important;
|
|
}
|
|
|
|
body::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.pageContainer {
|
|
max-width: 100vw !important;
|
|
overflow-x: hidden;
|
|
}
|
|
.page {
|
|
margin-right: 0 !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.mainTreeRoot > .name {
|
|
height: 0 !important;
|
|
}
|
|
|
|
.name > .content > .innerContentContainer::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.link,
|
|
.contentTag {
|
|
color: var(--grey) !important;
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.homeButton > svg {
|
|
display: none;
|
|
}
|
|
.homeButton::after {
|
|
content: "✞";
|
|
font-size: 2em;
|
|
}
|
|
|
|
.header > :first-child {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
.metaMatches * .innerContentContainer,
|
|
.contentMatch {
|
|
background: none !important;
|
|
}
|
|
|
|
.project > .text-sm,
|
|
.paragraph {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
|
|
.project:not(.boardCard) .breadcrumbs {
|
|
position: absolute;
|
|
z-index: 20;
|
|
right: 0;
|
|
top: 6px;
|
|
}
|
|
|
|
.project.boardCard .breadcrumbs {
|
|
position: absolute;
|
|
z-index: 20;
|
|
right: 6px;
|
|
top: 6px;
|
|
}
|
|
|
|
.project .breadcrumbs > a,
|
|
.project .breadcrumbs > svg,
|
|
.project .breadcrumbs > .menu {
|
|
display: none;
|
|
}
|
|
|
|
/* .project * .breadcrumbs > :nth-last-child(3) { */
|
|
|
|
.project * .breadcrumbs > :last-child {
|
|
font-size: 0;
|
|
display: initial !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.project:not(.boardCard) * .breadcrumbs > :last-child::after {
|
|
content: "→";
|
|
font-size: 16px;
|
|
}
|
|
|
|
.project.boardCard.hotspot-admin .breadcrumbs > :last-child::after,
|
|
.project:not(.boardCard).hotspot-admin > .name > .content::after {
|
|
content: "✏️";
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.project.boardCard.hotspot-interests .breadcrumbs > :last-child::after,
|
|
.project:not(.boardCard).hotspot-interests > .name > .content::after {
|
|
content: "🧠";
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.project.boardCard.hotspot-health .breadcrumbs > :last-child::after,
|
|
.project:not(.boardCard).hotspot-health > .name > .content::after {
|
|
content: "💪";
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.project.boardCard.hotspot-creative .breadcrumbs > :last-child::after,
|
|
.project:not(.boardCard).hotspot-creative > .name > .content::after {
|
|
content: "🎨";
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.project.boardCard.hotspot-side .breadcrumbs > :last-child::after,
|
|
.project:not(.boardCard).hotspot-side > .name > .content::after {
|
|
content: "🖼️";
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.project.boardCard.hotspot-relationships .breadcrumbs > :last-child::after,
|
|
.project:not(.boardCard).hotspot-relationships > .name > .content::after {
|
|
content: "👥";
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.project.boardCard.hotspot-career .breadcrumbs > :last-child::after,
|
|
.project:not(.boardCard).hotspot-career > .name > .content::after {
|
|
content: "💻";
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.project.boardCard.hotspot-god .breadcrumbs > :last-child::after,
|
|
.project:not(.boardCard).hotspot-god > .name > .content::after {
|
|
content: "☦️";
|
|
margin-left: 5px;
|
|
}
|
|
|
|
|
|
.linked-xPROJECT > .name .innerContentContainer {
|
|
font-weight: bold;
|
|
}
|
|
.linked-xPROJECT > .name > .content > .innerContentContainer::before {
|
|
content: "⚑";
|
|
}
|
|
|
|
.linked-xPROJECT.tagged-ACTIVE > .name > .content > .innerContentContainer::before {
|
|
color: var(--magenta);
|
|
}
|
|
.linked-xPROJECT.tagged-ACTIVE > .name .innerContentContainer,
|
|
.linked-xPROJECT.tagged-ACTIVE > .notes .innerContentContainer {
|
|
color: var(--magenta);
|
|
}
|
|
.linked-xPROJECT.tagged-ACTIVE > .name > .content > .innerContentContainer {
|
|
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);
|
|
}
|
|
.linked-xPROJECT.tagged-SMALL > .name .innerContentContainer,
|
|
.linked-xPROJECT.tagged-SMALL > .notes .innerContentContainer {
|
|
color: var(--green);
|
|
}
|
|
.linked-xPROJECT.tagged-SMALL > .name > .content > .innerContentContainer {
|
|
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;
|
|
}
|
|
.linked-xPROJECT.tagged-ARCHIVE .name .innerContentContainer,
|
|
.linked-xPROJECT.tagged-ARCHIVE .notes .innerContentContainer {
|
|
color: var(--grey) !important;
|
|
}
|
|
.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; */
|
|
}
|
|
.linked-xPROJECT.tagged-ARCHIVE .name > .bullet {
|
|
color: var(--grey) !important;
|
|
}
|
|
.linked-xPROJECT.tagged-ARCHIVE > .name > .content > .innerContentContainer {
|
|
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);
|
|
}
|
|
.linked-xPROJECT.tagged-PLANT > .name .innerContentContainer,
|
|
.linked-xPROJECT.tagged-PLANT > .notes .innerContentContainer {
|
|
color: var(--orange);
|
|
}
|
|
.linked-xPROJECT.tagged-PLANT > .name > .content > .innerContentContainer {
|
|
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);
|
|
}
|
|
.linked-xPROJECT.tagged-STALLED > .name .innerContentContainer,
|
|
.linked-xPROJECT.tagged-STALLED > .notes .innerContentContainer {
|
|
color: var(--cyan);
|
|
}
|
|
.linked-xPROJECT.tagged-STALLED > .name > .content > .innerContentContainer {
|
|
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);
|
|
}
|
|
.linked-xPROJECT.tagged-MAYBE > .name .innerContentContainer,
|
|
.linked-xPROJECT.tagged-MAYBE > .notes .innerContentContainer {
|
|
color: var(--violet);
|
|
}
|
|
.linked-xPROJECT.tagged-MAYBE > .name > .content > .innerContentContainer {
|
|
border-bottom: 1px solid var(--violet);
|
|
}
|
|
|
|
.linked-xPROJECT.tagged-MAYBE > .children {
|
|
border-color: var(--violet) !important;
|
|
}
|
|
|
|
|
|
.linked-xTASK > .name > .content > .innerContentContainer::before {
|
|
content: "✓";
|
|
}
|
|
|
|
.linked-xTASK.tagged-HABIT > .name > .content > .innerContentContainer::before {
|
|
color: var(--orange);
|
|
}
|
|
.linked-xTASK.tagged-HABIT > .name .innerContentContainer,
|
|
.linked-xTASK.tagged-HABIT > .notes .innerContentContainer {
|
|
color: var(--orange);
|
|
}
|
|
.linked-xTASK.tagged-HABIT > .name > .content > .innerContentContainer::before {
|
|
content: "↻";
|
|
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);
|
|
}
|
|
.linked-xTASK.tagged-SCHEDULED > .name .innerContentContainer,
|
|
.linked-xTASK.tagged-SCHEDULED > .notes .innerContentContainer {
|
|
color: var(--red);
|
|
}
|
|
|
|
|
|
.linked-xTASK.tagged-READY > .name > .content > .innerContentContainer::before {
|
|
/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(160deg) brightness(90%) contrast(100%); */
|
|
color: var(--blue);
|
|
}
|
|
.linked-xTASK.tagged-READY > .name .innerContentContainer,
|
|
.linked-xTASK.tagged-READY > .notes .innerContentContainer {
|
|
color: var(--blue);
|
|
}
|
|
.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-WEEKLY > .name .innerContentContainer,
|
|
.linked-xTASK.tagged-WEEKLY > .notes .innerContentContainer,
|
|
.linked-xTASK.tagged-MONTHLY > .name .innerContentContainer,
|
|
.linked-xTASK.tagged-MONTHLY > .notes .innerContentContainer,
|
|
.linked-xTASK.tagged-IRREGULAR > .name .innerContentContainer,
|
|
.linked-xTASK.tagged-IRREGULAR > .notes .innerContentContainer {
|
|
color: var(--green);
|
|
}
|
|
.linked-xTASK.tagged-WAITING > .name > .content > .innerContentContainer::before {
|
|
color: var(--cyan);
|
|
}
|
|
.linked-xTASK.tagged-WAITING > .name .innerContentContainer,
|
|
.linked-xTASK.tagged-WAITING > .notes .innerContentContainer {
|
|
color: var(--cyan);
|
|
}
|
|
|
|
.linked-xTASK.tagged-BLOCKED > .name > .content > .innerContentContainer::before {
|
|
color: var(--red);
|
|
}
|
|
.linked-xTASK.tagged-BLOCKED > .name .innerContentContainer,
|
|
.linked-xTASK.tagged-BLOCKED > .notes .innerContentContainer {
|
|
color: var(--red);
|
|
}
|
|
|
|
.linked-xTASK.tagged-MAYBE > .name > .content > .innerContentContainer::before {
|
|
color: var(--violet);
|
|
}
|
|
.linked-xTASK.tagged-MAYBE > .name .innerContentContainer,
|
|
.linked-xTASK.tagged-MAYBE > .notes .innerContentContainer {
|
|
color: var(--violet);
|
|
}
|
|
|
|
/* .tag-DAILY { */
|
|
/* color: var(--blue) !important; */
|
|
/* } */
|
|
|
|
/* .tag-HABIT { */
|
|
/* color: var(--orange) !important; */
|
|
/* } */
|
|
|
|
.tag-WEEKLY {
|
|
color: var(--green) !important;
|
|
}
|
|
.tag-MONTHLY {
|
|
color: var(--green) !important;
|
|
}
|
|
.tag-IRREGULAR {
|
|
color: var(--green) !important;
|
|
}
|
|
.tag-WORK {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.tag-RELAX {
|
|
background-color: var(--blue) !important;
|
|
color: var(--black) !important;
|
|
}
|
|
.tag-REVIEW {
|
|
background-color: var(--yellow) !important;
|
|
color: var(--black) !important;
|
|
}
|
|
.tag-TODO {
|
|
background-color: var(--red) !important;
|
|
color: var(--black) !important;
|
|
}
|
|
|
|
.monolith-pill .content-wrapper {
|
|
background: none !important;
|
|
border: 1px solid var(--grey) !important;
|
|
}
|
|
|
|
.name .time > .content-wrapper {
|
|
color: var(--grey) !important;
|
|
}
|
|
|
|
.linked .name .time-today > .content-wrapper {
|
|
color: var(--yellow) !important;
|
|
border-color: var(--yellow) !important;
|
|
}
|
|
|
|
.linked.timed-today > .name > .content > .innerContentContainer::after,
|
|
.linked.tagged-DAILY > .name > .content > .innerContentContainer::after,
|
|
.linked.tagged-HABIT > .name > .content > .innerContentContainer::after {
|
|
content: "★";
|
|
color: var(--yellow);
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.linked.timed-tomorrow > .name > .content > .innerContentContainer::after {
|
|
content: "☂︎";
|
|
color: var(--violet);
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.linked .name .time-tomorrow > .content-wrapper {
|
|
color: var(--violet) !important;
|
|
border-color: var(--violet) !important;
|
|
}
|
|
|
|
.linked:not(.tagged-done):not(.tagged-missed):not(.tagged-na) > .name .time-late > .content-wrapper {
|
|
color: var(--red) !important;
|
|
border-color: var(--red) !important;
|
|
}
|
|
|
|
.linked:not(.tagged-done):not(.tagged-missed):not(.tagged-na) > .name .time-future:not(.time-tomorrow) > .content-wrapper {
|
|
color: var(--highlight) !important;
|
|
border-color: var(--highlight) !important;
|
|
}
|
|
|
|
.matching-node {
|
|
display: 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;
|
|
}
|
|
|
|
.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-a {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.tag-b {
|
|
color: var(--blue) !important;
|
|
}
|
|
|
|
.tag-c {
|
|
color: var(--green) !important;
|
|
}
|
|
|
|
.tag-d {
|
|
color: var(--violet) !important;
|
|
}
|
|
.tag-done {
|
|
color: var(--green) !important;
|
|
}
|
|
|
|
.tag-underway {
|
|
color: var(--cyan) !important;
|
|
}
|
|
|
|
.linked-xTASK.tagged-done > .name > .content,
|
|
.linked-xTASK.tagged-done > .name time > span {
|
|
text-decoration-color: var(--green) !important;
|
|
}
|
|
|
|
.linked-xTASK.tagged-missed > .name > .content,
|
|
.linked-xTASK.tagged-missed > .name time > span {
|
|
text-decoration-color: var(--red) !important;
|
|
}
|
|
|
|
.linked-xTASK.tag-missed {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.linked-xTASK.tagged-na > .name > .content,
|
|
.linked-xTASK.tagged-na > .name time > span {
|
|
text-decoration-color: var(--blue) !important;
|
|
}
|
|
|
|
.linked-xTASK.tag-na {
|
|
color: var(--blue) !important;
|
|
}
|
|
|
|
.half-open.tagged-a > .name > .bullet,
|
|
.collapsed.tagged-a > .name > .bullet,
|
|
.tagged-a > .name > .bullet {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.half-open.tagged-b > .name > .bullet,
|
|
.collapsed.tagged-b > .name > .bullet,
|
|
.tagged-b > .name > .bullet {
|
|
color: var(--blue) !important;
|
|
}
|
|
|
|
.half-open.tagged-c > .name > .bullet,
|
|
.collapsed.tagged-c > .name > .bullet,
|
|
.tagged-c > .name > .bullet {
|
|
color: var(--green) !important;
|
|
}
|
|
|
|
.half-open.tagged-d > .name > .bullet,
|
|
.collapsed.tagged-d > .name > .bullet,
|
|
.tagged-d > .name > .bullet {
|
|
color: var(--violet) !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;
|
|
gap: 5px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.inject > img {
|
|
border-radius: 4px;
|
|
border: 1px solid var(--dark-grey);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.inject > img:hover {
|
|
border-color: var(--white);
|
|
}
|
|
|
|
.root > .inject {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.hotspot-admin.boardCard::after,
|
|
.hotspot-interests.boardCard::after,
|
|
.hotspot-health.boardCard::after,
|
|
.hotspot-creative.boardCard::after,
|
|
.hotspot-side.boardCard::after,
|
|
.hotspot-career.boardCard::after,
|
|
.hotspot-god.boardCard::after,
|
|
.hotspot-work.boardCard::after,
|
|
.hotspot-relationships.boardCard::after {
|
|
position: absolute !important;
|
|
bottom: 10px !important;
|
|
right: 10px !important;
|
|
width: initial !important;
|
|
left: initial !important;
|
|
}
|
|
|
|
.imgLink {
|
|
font-size: 0;
|
|
}
|
|
|
|
.imgLink::before {
|
|
content: "link";
|
|
font-size: 16px;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
/* .boardCard { */
|
|
/* /1* width: max-content !important; *1/ */
|
|
/* /1* max-width: var(--card) !important; *1/ */
|
|
/* width: -webkit-fill-available; */
|
|
/* min-width: max-content; */
|
|
/* /1* min-width: var(--card) !important; *1/ */
|
|
/* } */
|
|
|
|
/* .boardCard .name, */
|
|
/* .boardCard .notes { */
|
|
/* max-width: 400px !important; */
|
|
/* /1* padding-right: 15px !important; *1/ */
|
|
/* } */
|
|
|
|
.boardCard > .notes {
|
|
padding-left: 24px !important;
|
|
}
|
|
|
|
.is-desktop .boardCard > .name {
|
|
padding-left: calc(var(--name-left-overhang) + 24px) !important;
|
|
}
|
|
|
|
.is-mobile .boardCard > .name {
|
|
padding-left: 24px !important;
|
|
}
|
|
|
|
|
|
.is-desktop .boardCard > .name > .bullet {
|
|
left: calc(var(--name-left-overhang) - 12px) !important;
|
|
top: 7px !important;
|
|
}
|
|
|
|
.is-mobile .boardCard > .name > .bullet {
|
|
left: 7px !important;
|
|
top: 3px !important;
|
|
}
|
|
|
|
.is-mobile .boardCard > .name > .bullet > .zoomBulletIcon {
|
|
display: initial !important;
|
|
transform: translate(-24px, 0px)
|
|
}
|
|
|
|
.is-mobile .boardCard > .name > .bullet > .zoomChevronIcon {
|
|
display: none !important;
|
|
}
|
|
|
|
.boardColumn > .children {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
.boardCard.tagged-a {
|
|
border-color: var(--red) !important;
|
|
}
|
|
|
|
.boardCard.tagged-b {
|
|
border-color: var(--blue) !important;
|
|
}
|
|
|
|
.boardCard.tagged-c {
|
|
border-color: var(--green) !important;
|
|
}
|
|
|
|
.boardCard.tagged-d {
|
|
border-color: var(--violet) !important;
|
|
}
|
|
|
|
.boardColumn {
|
|
flex: 0 0 600px !important;
|
|
max-width: 90vw !important;
|
|
}
|
|
|
|
.is-mobile .boardColumn > .name > .expand {
|
|
left: -27px !important;
|
|
}
|
|
|
|
|
|
.boardCard {
|
|
box-sizing: border-box !important;
|
|
padding-top: 3px !important;
|
|
}
|
|
|
|
.boardColumn > .name {
|
|
/* /1* max-width: var(--card) !important; *1/ */
|
|
/* width: 100% !important; */
|
|
width: -webkit-fill-available;
|
|
min-width: max-content;
|
|
max-width: initial !important;
|
|
margin: 8px 32px 0px 32px;
|
|
padding: 0;
|
|
border-bottom: 1px solid var(--grey) !important;
|
|
}
|
|
|
|
.boardColumn > .name > .content {
|
|
padding-bottom: 4px !important;
|
|
}
|
|
|
|
.is-mobile .boardColumn > .name > .content {
|
|
padding-bottom: 7px !important;
|
|
}
|
|
|
|
.boardColumn > .name .contentEditablePlaceholder {
|
|
top: initial !important;
|
|
bottom: 10px !important;
|
|
}
|
|
|
|
.boardColumn > .name > .expand {
|
|
top: 7px !important;
|
|
left: -20px !important;
|
|
}
|
|
|
|
.is-desktop .boardColumn > .name > .bullet.bullet {
|
|
top: 7px !important;
|
|
right: -25px !important;
|
|
}
|
|
|
|
.is-mobile .boardColumn > .name > .bullet.bullet {
|
|
top: auto !important;
|
|
bottom: 4px !important;
|
|
right: 0 !important;
|
|
left: auto !important;
|
|
}
|
|
|
|
.boardColumn > .name .itemMenu.menu {
|
|
top: 5px !important;
|
|
right: -30px !important;
|
|
}
|
|
|
|
|
|
/* .boardColumn > .name > .content { */
|
|
/* padding: 0 0 4px 0 !important; */
|
|
/* /1* width: 100% !important; *1/ */
|
|
/* } */
|
|
|
|
.boardColumn > .children {
|
|
padding: 8px 0 0 0 !important;
|
|
scrollbar-width: none; /* Firefox */
|
|
-ms-overflow-style: none; /* IE 10+ */
|
|
}
|
|
|
|
|
|
|
|
.boardColumn {
|
|
border-right: none !important;
|
|
}
|
|
|
|
.bullet.bullet::before {
|
|
background: none !important;
|
|
}
|
|
|
|
.boardCard > .name > .bullet {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.inject {
|
|
padding-left: 24px !important;
|
|
}
|
|
|
|
.board.root > .name {
|
|
height: initial !important;
|
|
}
|
|
|
|
.board.root > .name > .content {
|
|
font-size: 27px !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.tag-z {
|
|
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;
|
|
}
|
|
|
|
i {
|
|
color: var(--base01) !important;
|
|
}
|
|
|
|
|
|
.boardColumn .boardCard .itemMenu {
|
|
right: -50px !important;
|
|
top: 0 !important;
|
|
left: auto !important;
|
|
}
|
|
|
|
|