mirror of
https://github.com/McShelby/hugo-theme-relearn
synced 2025-04-30 09:26:33 +08:00
tree: show first level lines #1067
and adjust horizontal line vertically
This commit is contained in:
parent
e41aad9f98
commit
9b85f89f21
@ -1772,14 +1772,14 @@ html[dir='rtl'] .expand[open] > .box-label > i.expander-icon {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.list-tree > ul {
|
.list-tree > ul {
|
||||||
margin-inline-start: -0.5rem;
|
padding-inline-start: revert;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-tree li {
|
.list-tree li {
|
||||||
color: var(--INTERNAL-MAIN-TEXT-color);
|
color: var(--INTERNAL-MAIN-TEXT-color);
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
margin-inline-end: 0;
|
margin-inline-end: 0;
|
||||||
margin-inline-start: 9px;
|
margin-inline-start: 8px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
padding-inline-end: 12px;
|
padding-inline-end: 12px;
|
||||||
@ -1787,6 +1787,9 @@ html[dir='rtl'] .expand[open] > .box-label > i.expander-icon {
|
|||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
.list-tree > ul > li {
|
||||||
|
margin-inline-start: calc(-1rem + 8px);
|
||||||
|
}
|
||||||
|
|
||||||
.list-tree li::before,
|
.list-tree li::before,
|
||||||
.list-tree li::after {
|
.list-tree li::after {
|
||||||
@ -1800,7 +1803,7 @@ html[dir='rtl'] .expand[open] > .box-label > i.expander-icon {
|
|||||||
.list-tree li::before {
|
.list-tree li::before {
|
||||||
border-top: 2px solid var(--INTERNAL-MAIN-TEXT-color);
|
border-top: 2px solid var(--INTERNAL-MAIN-TEXT-color);
|
||||||
height: 0;
|
height: 0;
|
||||||
top: 14px;
|
top: 11px;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1809,28 +1812,10 @@ html[dir='rtl'] .expand[open] > .box-label > i.expander-icon {
|
|||||||
.list-tree li:after {
|
.list-tree li:after {
|
||||||
border-left: 2px solid var(--INTERNAL-MAIN-TEXT-color);
|
border-left: 2px solid var(--INTERNAL-MAIN-TEXT-color);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
top: -5px;
|
top: -8px;
|
||||||
width: 0px;
|
width: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* lower line on list items from the first level because they don't have parents */
|
|
||||||
|
|
||||||
.list-tree > ul > li::after {
|
|
||||||
top: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* hide line from the last of the first level list items */
|
|
||||||
|
|
||||||
.list-tree > ul > li:last-child::after {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* hide line from before the Home or starting page or first element */
|
|
||||||
|
|
||||||
.list-tree > ul > li:first-child::before {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-tree ul:last-child li:last-child:after {
|
.list-tree ul:last-child li:last-child:after {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
@ -1 +1 @@
|
|||||||
7.5.0+5cc1a55b43004bb71ecfcba20decd1e938a815c1
|
7.5.0+e41aad9f9804e84ecd357d56dfa279a4aade3f67
|
Loading…
x
Reference in New Issue
Block a user