0x2620/openmedialibrary
1
0
Fork 0
Code Issues 131 Pull requests Releases Wiki Activity

work around copy and paste background color

Browse source
This commit is contained in:
j 2019-02-01 13:38:30 +05:30
parent dd48312aff
commit 6eabeda7a1
2 changed files with 31 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
static/css/oml.css
View file

@ -1,16 +1,28 @@
.OMLQuoteBox {
position: relative;
}
.OMLQuote {
position: relative;
padding: 8px;
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
font-family: Georgia, Palatino, DejaVu Serif, Book Antiqua, Palatino Linotype, Times New Roman, serif;
font-size: 14px;
line-height: 21px;
}
.OMLAnnotation.selected .OMLQuote {
.OMLAnnotation .OMLQuoteBackground {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgb(255, 255, 255);
}
.OMLAnnotation.selected .OMLQuoteBackground {
background-color: rgb(128, 192, 255);
}
.OMLAnnotation .OxPlaceholder {
display: none;
}

14
static/js/annotation.js
View file

@ -1,11 +1,10 @@
'use strict';
oml.ui.annotation = function(annotation, $iframe) {
var $quote = Ox.Element()
var $quotetext = Ox.Element()
.addClass('OxSelectable OMLQuote')
.append(
Ox.Element().html(Ox.encodeHTMLEntities(annotation.text).replace(/\n/g, '<br/>'))
).on({
.html(Ox.encodeHTMLEntities(annotation.text).replace(/\n/g, '<br/>'))
.on({
click: function(event) {
that.select()
$iframe.postMessage('selectAnnotation', {
@ -13,6 +12,13 @@ oml.ui.annotation = function(annotation, $iframe) {
})
}
})
var $quote = Ox.Element()
.addClass('OMLQuoteBox')
.append(
Ox.Element().addClass('OMLQuoteBackground')
).append(
$quotetext
)
var notes = annotation.notes.length ? annotation.notes.map(function(note) {
note.editable = !note.user
return note