Skip to content
This repository has been archived by the owner on Jan 15, 2024. It is now read-only.

conflict with some css styles #3

Closed
basekno opened this issue Mar 24, 2022 · 0 comments
Closed

conflict with some css styles #3

basekno opened this issue Mar 24, 2022 · 0 comments

Comments

@basekno
Copy link

basekno commented Mar 24, 2022

i used a css to change the shown style of a list in live preview model, with cssclass in the yaml
and a pre marker css infront of it
but it conflicts with the floating toc plugin in the distances between the headings and the pre marker.

is it able to be fixed?
thks for the excellent function!


/--Kanban--/
/*Credit: https://github.com/Braweria/Spectrum*/

/Widen Page/
.kanban .markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
max-width: 100% !important;
}
/Reduce Padding at Top of Page/
.kanban {
padding-top: 10px;
}

/Remove Text Spacing from bullet/number/
.kanban .task-list-item-checkbox {
margin-left: 23px;
margin-right: 5px;
margin-top: 2px;
}
/Fix List Checkbox Margins/
.kanban ol .task-list-item-checkbox {
margin-left: 0px;
}
.kanban ol > li.task-list-item {
padding-left: 0px;
}

.kanban:not(.k-o):not(.dvl) ul li {
padding-left: 0;
}

/Hide Bullet/
.kanban ul,
ul.kanban {
list-style: none;
}

.kanban ul li::before,
ul.kanban li::before {
content: "";
margin-left: 0px;
padding: 0;
}

.kanban ul,
.kanban ol,
ul.kanban,
ol.kanban {
display: flex;
flex-direction: row;
border-radius: 0;
flex-wrap: wrap;
padding-inline-start: 0px;
}

.kanban ul li,
ul.kanban li {
flex: 1 1 20%;
margin-left: 10px;
margin-right: 10px;
border: 0;
}
.kanban ol li,
ol.kanban li {
flex: 1 1 20%;
margin-right: 10px;
margin-left: 30px;
border: 0;
}

.kanban ul ul,
ul.kanban ul,
.kanban ol ol,
ol.kanban ol {
display: flex;
flex-direction: column;
justify-content: center;
margin-right: 10px;
margin-top: 5px;
background: none;
}
/Kaban Lines/
.kanban ul ul,
ul.kanban ul {
margin-left: 5px;
border-left: 0px solid var(--background-modifier-border);
}
.kanban ol ol
ol.kanban ol {
margin-left: -15px;
padding-left: 20px;
border-left: 2px solid var(--background-modifier-border);
}
/Color & Formatting/
.kanban ul ul li,
ul.kanban ul li {
width: 100%;
display: block;
background: var(--td);
border-radius: 0;
}
.kanban ol ol li,
ol.kanban ol li {
width: 100%;
background: var(--td);
margin-left: 14px;
}

/Alternating Colors/
.kanban ul ul li:nth-child(even),
ul.kanban ul li:nth-child(even),
.kanban ol ol li:nth-child(even),
ol.kanban ol li:nth-child(even) {
background: var(--background-primary);
border: 0;
}

/Hover Colors/
.kanban ul ul li:hover,
ul ul li.kanban:hover,
.kanban ol ol li:hover,
ol.kanban ol li:hover {
background: var(--hvr);
}

.kanban ul li:hover,
ul.kanban li:hover,
.kanban ol li:hover,
ol.kanban li:hover {
background: var(--hvr2);
}
/-Arrows-/
.kanban .list-collapse-indicator,
.list-collapse-indicator.kanban {
width: 20px;
}
/Bullet Arrows/
.kanban ul .list-collapse-indicator,
ul.kanban .list-collapse-indicator {
margin-left: -22px;
padding-left: 10px;
}
.kanban .task-list-item .list-collapse-indicator,
.task-list-item.kanban .list-collapse-indicator {
position: relative;
}
/Numbered List + Numbered Checklist/
.kanban ol .list-collapse-indicator,
.kanban ol .task-list-item .list-collapse-indicator,
ol.kanban .list-collapse-indicator,
ol.kanban .task-list-item .list-collapse-indicator {
margin-left: -38px;
padding-left: 5px;
}
/Fix Arrow When bullets Spaced/
.kanban ul li > p {
margin-block-start: 0;
}

/--Kanban Personal Edits--/
/Fix Margins/Padding/
.kanban .internal-embed blockquote {
padding-top: 2px;
padding-left: 10px;
font-size: 12px;
line-height: 15px;
border-left-width: 3px;
margin: 0;
overflow: hidden;
}


pre marker css


.kanban ul li::before, ul.kanban li::before {
content: "○" ;
color: var(--list-ul-disc-color);
}


@curtgrimes curtgrimes closed this as not planned Won't fix, can't repro, duplicate, stale Jan 15, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants