Моя цель - создать кнопку комментария, которая будет отображаться рядом с выделенным текстом и будет оставаться липкой рядом с ней при прокрутке.
Я обнаружил, что кнопка появляется, когда находится внутри отступа, ноне маржа.Как разместить кнопку так, чтобы она отображалась на полях и удерживала ее верх / лев относительно контейнера, чтобы она оставалась на том же месте относительно текста на свитке.
Вот скриншот - вы можете видетьчто кнопка (вверху справа) скрыта за полями, показывается в отступе.
.grader-content-toggle {
overflow-y: scroll;
position: relative;
max-height: calc(100vh - 155px);
padding-right: 25px;
padding-left: 25px;
}
.comment-button {
display: inline-block;
position: absolute;
right: -60px;
top: 0px;
background: white;
width: 45px;
height: 45px;
border-radius: 50%;
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.05);
cursor: pointer;
svg {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
}