.comments-tree {
position: relative;
margin-right: 0;
}
#pinned-message {
position: absolute;
min-width: 100%;
max-width: 100%;
}
#pinned-message label {
display: block;
min-width: 100%;
max-width: 100%;
padding: 5px 10px;
background: #eec6ff; /* Фон закреплённого сообщения */
cursor: pointer;
}
#pinned-message input + div {
font-weight: bold;
}
#pinned-message .pinned-text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-height: 1.55em;
max-width: calc(100% - 100px);
transition: max-height 1s;
}
#pinned-message input:checked ~ .pinned-text {
overflow: hidden;
white-space: normal;
max-height: 700px;
max-width: calc(100% - 100px);
}
#pinned-message input,
#pinned-close-cb {
display:none;
}
.pinned-close {
cursor: pointer;
padding: 0 5px;
position: absolute;
z-index: 1;
right: 15px;
top: 16px;
opacity: .3;
}
#pinned-close-cb:not(:checked) ~ #pinned-message,
#pinned-close-cb:not(:checked) ~ .pinned-close,
#pinned-close-cb:not(:checked) ~ .comments-container .pinned-filler {
display: none;
}
.pinned-filler {
height: 60px;
}