overleaf/services/web/public/stylesheets/app/editor/review-panel.less

68 lines
No EOL
1.1 KiB
Text

@review-panel-width: 230px;
#review-panel {
position: absolute;
width: @review-panel-width;
top: 0px;
bottom: 0px;
right: 0px;
background-color: #eee;
overflow: hidden;
display: none;
}
.review-panel-toolbar {
height: 32px;
padding: 6px;
border-bottom: 1px solid grey;
background-color: #eee;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
}
.review-panel-scroller {
position: absolute;
top: 0;
bottom: 0;
left: 0;
// TODO: Use a more cross-browser method of hiding the scroll bar
right: -30px; // Hide scroll bar
overflow-y: scroll;
}
.review-entry-list {
position: relative;
width: @review-panel-width;;
}
.review-entry {
position: absolute;
font-size: 12px;
padding: 2px 6px;
border: 1px solid #999;
margin: 0 6px;
background-color: white;
max-width: 148px;
word-wrap: break-word;
}
.has-review-panel {
#editor {
right: @review-panel-width;;
left: 0px;
width: auto;
.ace-editor-body {
overflow: visible;
.ace_scrollbar-v {
right: -@review-panel-width;;
}
}
}
#review-panel {
display: block;
}
}