MDL-64524 assign: Styles editpdf comments

Properly display the list of comments, but limiting their size (use title to indicate the full comments).
When there are too many comments, show a scrollbar in the menu.
This commit is contained in:
Damyon Wiese
2019-04-01 12:17:27 +08:00
parent 0920f35ed9
commit 284babb0d7
5 changed files with 26 additions and 18 deletions
+16 -11
View File
@@ -193,20 +193,21 @@
margin: 0;
}
.assignfeedback_editpdf_commentmenu li.quicklist_comment {
width: 150px;
.assignfeedback_editpdf_dropdown li.quicklist_comment {
width: 200px;
}
.assignfeedback_editpdf_commentmenu li.quicklist_comment a {
.assignfeedback_editpdf_dropdown li.quicklist_comment a {
white-space: nowrap;
display: inline-block;
max-width: 130px;
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.assignfeedback_editpdf_commentmenu a.delete_quicklist_comment {
.assignfeedback_editpdf_dropdown a.delete_quicklist_comment {
float: right;
width: 20px;
}
.assignfeedback_editpdf_dropdown button {
@@ -229,7 +230,7 @@
margin-right: 0;
margin-top: 0;
border-radius: 4px;
width: 30px;
width: 200px;
}
.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
@@ -248,7 +249,10 @@
.assignfeedback_editpdf_menu li a {
text-decoration: none;
color: #555;
margin: 10px;
margin-left: 10px;
margin-right: 10px;
margin-top: 4px;
margin-bottom: 4px;
}
ul.assignfeedback_editpdf_search {
@@ -264,15 +268,16 @@ ul.assignfeedback_editpdf_search {
color: #555;
}
.assignfeedback_editpdf_menu li:hover,
.assignfeedback_editpdf_menu li:hover a,
.assignfeedback_editpdf_menu li a:hover {
.assignfeedback_editpdf_menu li:hover {
background-color: #ebebeb;
background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
}
ul.assignfeedback_editpdf_menu {
margin: 0;
min-width: 200px;
max-height: 40vh;
overflow-y: auto;
overflow-x: hidden;
}
.assignfeedback_editpdf_menu li {
@@ -2167,6 +2167,7 @@ Y.extend(COMMENTMENU, M.assignfeedback_editpdf.dropdown, {
'<img src="' + M.util.image_url('t/delete', 'core') + '" ' +
'alt="' + M.util.get_string('deletecomment', 'assignfeedback_editpdf') + '"/>' +
'</a>');
linkitem.setAttribute('title', quickcomment.rawtext);
listitem.append(linkitem);
listitem.append(deletelinkitem);
File diff suppressed because one or more lines are too long
@@ -2167,6 +2167,7 @@ Y.extend(COMMENTMENU, M.assignfeedback_editpdf.dropdown, {
'<img src="' + M.util.image_url('t/delete', 'core') + '" ' +
'alt="' + M.util.get_string('deletecomment', 'assignfeedback_editpdf') + '"/>' +
'</a>');
linkitem.setAttribute('title', quickcomment.rawtext);
listitem.append(linkitem);
listitem.append(deletelinkitem);
@@ -98,6 +98,7 @@ Y.extend(COMMENTMENU, M.assignfeedback_editpdf.dropdown, {
'<img src="' + M.util.image_url('t/delete', 'core') + '" ' +
'alt="' + M.util.get_string('deletecomment', 'assignfeedback_editpdf') + '"/>' +
'</a>');
linkitem.setAttribute('title', quickcomment.rawtext);
listitem.append(linkitem);
listitem.append(deletelinkitem);