mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-06 05:29:02 +00:00
48 lines
1.1 KiB
CSS
48 lines
1.1 KiB
CSS
/**
|
|
* notion-enhancer: outliner
|
|
* (c) 2020 CloudHill <rl.cloudhill@gmail.com> (https://github.com/CloudHill)
|
|
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (https://notion-enhancer.github.io/) under the MIT license
|
|
*/
|
|
|
|
#outliner--notice {
|
|
color: var(--theme--text_secondary);
|
|
font-size: 14px;
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.outliner--header {
|
|
position: relative;
|
|
margin: 0 -1rem;
|
|
padding: 0 1rem;
|
|
display: block;
|
|
font-size: 14px;
|
|
line-height: 2.2;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
user-select: none;
|
|
text-overflow: ellipsis;
|
|
text-decoration: none;
|
|
text-indent: var(--outliner--indent);
|
|
color: inherit;
|
|
cursor: pointer !important;
|
|
transition: background 20ms ease-in;
|
|
}
|
|
.outliner--header:hover {
|
|
background: var(--theme--ui_interactive-hover);
|
|
}
|
|
|
|
.outliner--header:empty::after {
|
|
color: var(--theme--text_secondary);
|
|
content: attr(placeholder);
|
|
}
|
|
|
|
/* indentation lines */
|
|
.outliner--header:not([style='--outliner--indent:0px;'])::before {
|
|
content: '';
|
|
height: 100%;
|
|
position: absolute;
|
|
left: calc((1rem + var(--outliner--indent)) - 11px);
|
|
}
|