overleaf/services/web/public/stylesheets/less/trackchanges.less
2014-03-07 12:00:31 +00:00

98 lines
No EOL
1.6 KiB
Text

@changesListWidth: 250px;
@changesListPadding: 10px;
#trackChangesPanel {
.track-changes-diff {
position: absolute;
right: @changesListWidth + 1px;
left: 0;
top: 0;
bottom: 0;
padding: 0px 12px;
height: 100%;
.ace_editor {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.track-changes-side-bar {
border-left: 1px solid #999;
height: 100%;
width: @changesListWidth;
position: absolute;
right: 0;
background-color: white;
}
.change-list-area {
overflow: scroll;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.deleted-change-background, .deleted-change-foreground, .inserted-change, .change-name-marker {
position: absolute;
z-index: 2;
}
.change-name-marker {
.name {
font-size: 0.8em;
padding: 2px 6px;
.border-radius(3px 3px 3px 3px);
position: absolute;
left: 0;
}
}
ul.change-list {
li {
padding: 6px 4px;
position: relative;
border-bottom: 1px solid #ccc;
cursor: pointer;
.change-selectors {
position: absolute;
top: 4px;
left: 6px;
.change-selector-from {
position: absolute;
top: 0;
left: 0;
}
.change-selector-to {
position: absolute;
top: 0;
left: 20px;
}
}
.change-description {
padding-left: 42px;
}
.change-name {
font-size: 0.9em;
color: #666;
}
.color-square {
display: inline-block;
height: 10px;
width: 10px;
margin-right: 4px;
margin-bottom: -1px;
}
&:hover {
background-color: #eaeaea;
}
}
li.selected {
background-color: #eaeaea;
}
}
}