06b28194da
This adds a very basic reimplementation of the annotation widget for use in the CR window. It's not pixel-perfect, but it's close enough that most people probably won't notice. We'll want to replace this with a real version that's shared between the PDF reader and the rest of the codebase. Image annotations currently show an "[image not shown]" placeholder. Showing images is tricky: we don't have the remote cache image, so if the remote position has changed, we could only show an image by rendering it from the file, and only if the file itself hasn't changed. Just for a better user experience, we could use the local image as long as the position and file are both the same, but that would take some rejiggering of the CR window. Tags aren't shown because they're not shown for CR at all, though that could be changed in the future.
42 lines
No EOL
625 B
SCSS
42 lines
No EOL
625 B
SCSS
.AnnotationBox {
|
|
.title {
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
margin: 5px;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 5px;
|
|
border: 1px solid #d7dad7;
|
|
border-radius: 5px;
|
|
background: white;
|
|
|
|
.header {
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
margin-top: 4px;
|
|
border-bottom: 1px solid #d7dad7;
|
|
padding: 0 8px 3px;
|
|
}
|
|
|
|
.text, .image-placeholder, .comment {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.text, .image-placeholder {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.text {
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.comment {
|
|
margin-top: 4px;
|
|
}
|
|
}
|
|
} |