41 lines
1 KiB
CSS
41 lines
1 KiB
CSS
/* A row of the summary: the phrase of the note and the chapter it stands in. The step is drawn
|
|
with the same stripe as in the text, so that the list and the reader read as one thing
|
|
(remark 10). */
|
|
.note {
|
|
display: grid;
|
|
gap: 0;
|
|
width: 100%;
|
|
min-width: 0;
|
|
border-left: 2px solid transparent;
|
|
padding-left: var(--space-3);
|
|
}
|
|
|
|
.note[data-tone='note'] {
|
|
border-left-color: var(--color-note);
|
|
}
|
|
|
|
.note[data-tone='quiet'] {
|
|
border-left-color: var(--color-separator);
|
|
}
|
|
|
|
/* The chapter of a note is optional by contract. Such a row leads nowhere — and does not promise
|
|
otherwise with the cursor: the list is selectable as a whole, and there is nothing to cancel
|
|
that with on a single row. */
|
|
.note[data-orphan] {
|
|
cursor: default;
|
|
}
|
|
|
|
.message {
|
|
overflow: hidden;
|
|
color: var(--color-text);
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.where {
|
|
overflow: hidden;
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--font-size-small);
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|