snort/packages/app/src/Element/Thread.css

101 lines
1.7 KiB
CSS
Raw Normal View History

2023-02-06 21:42:47 +00:00
.thread-container .hidden-note {
margin: 0;
border-radius: 0;
}
.thread-root.note {
box-shadow: none;
}
.thread-root.note > .body .text {
font-size: 19px;
}
.thread-root.note > .footer {
padding-left: 0;
}
.thread-root.note {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: 0;
}
.thread-note.note {
2023-07-24 14:30:21 +00:00
border: 0;
2023-02-06 21:42:47 +00:00
}
2023-07-24 14:30:21 +00:00
.thread-note.note .zaps-summary,
.thread-note.note .footer,
.thread-note.note .body {
margin-left: 61px;
2023-02-06 21:42:47 +00:00
}
.thread-container .hidden-note {
margin: 0;
border-radius: 0;
}
.thread-container .show-more {
2023-08-23 12:19:48 +00:00
background: var(--gray-superdark);
2023-02-06 21:42:47 +00:00
padding-left: 76px;
width: 100%;
text-align: left;
border-radius: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.subthread-container {
position: relative;
}
.subthread-container.subthread-multi .line-container:before {
content: "";
2023-02-06 21:42:47 +00:00
position: absolute;
2023-07-24 14:30:21 +00:00
left: calc(48px / 2 + 16px);
2023-02-06 21:42:47 +00:00
top: 48px;
2023-09-07 14:54:25 +00:00
border-left: 1px solid var(--border-color);
2023-02-06 21:42:47 +00:00
height: 100%;
2023-09-07 14:54:25 +00:00
z-index: 1;
2023-02-06 21:42:47 +00:00
}
2023-07-24 14:30:21 +00:00
.subthread-container.subthread-mid:not(.subthread-last) .line-container:before {
content: "";
2023-02-06 21:42:47 +00:00
position: absolute;
2023-09-07 14:54:25 +00:00
border-left: 1px solid var(--border-color);
2023-07-24 14:30:21 +00:00
left: calc(48px / 2 + 16px);
2023-02-06 21:42:47 +00:00
top: 0;
height: 48px;
2023-09-07 14:54:25 +00:00
z-index: 1;
2023-02-06 21:42:47 +00:00
}
.subthread-container.subthread-last .line-container:before {
content: "";
2023-02-06 21:42:47 +00:00
position: absolute;
2023-09-07 14:54:25 +00:00
border-left: 1px solid var(--border-color);
2023-07-24 14:30:21 +00:00
left: calc(48px / 2 + 16px);
2023-02-06 21:42:47 +00:00
top: 0;
height: 48px;
2023-09-07 14:54:25 +00:00
z-index: 1;
2023-02-06 21:42:47 +00:00
}
.divider {
height: 1px;
2023-09-07 14:54:25 +00:00
background: var(--border-color);
2023-02-06 21:42:47 +00:00
}
.divider.divider-small {
2023-07-24 14:30:21 +00:00
margin-left: calc(16px + 61px);
2023-09-07 14:54:25 +00:00
margin-right: 16px;
2023-02-06 21:42:47 +00:00
}
.thread-container .collapsed,
.thread-container .show-more-container {
2023-02-06 21:42:47 +00:00
min-height: 48px;
}
.thread-container .hidden-note {
padding-left: 48px;
}