Bug 4104: Improved layout of tag-headings in tag celllist.

This commit is contained in:
Henri Kohlberg committed 2018-09-05 11:25:18 +02:00
1 parent 852bb5cabf
commit 75369ab2b6
3 files changed
+13 -6

No files matched your search

@@ -59,7 +59,7 @@ public class TagCell extends AbstractCell<TagDTO> {
* {@link #contentWithCommentWithoutImage} and {@link #contentWithoutCommentWithImage}.
* @return {@link SafeHtml HTML template}
*/
@Template("<div class='{0}'><div class='{1}'>{3}<div style=\"position: relative\"><button>X</button></div></div><div class='{2}'>{4}</div>{5}</div>")
@Template("<div class='{0}'><div class='{1}'>{3}<div style='position: relative'><button role='delete'>X</button></div></div><div class='{2}'>{4}</div>{5}</div>")
SafeHtml cellRemovable(String styleTag, String styleTagHeading, String styleTagCreated, SafeHtml tag,
SafeHtml createdAt, SafeHtml content);
@@ -91,7 +91,7 @@ public class TagCell extends AbstractCell<TagDTO> {
* {@link #contentWithCommentWithoutImage} and {@link #contentWithoutCommentWithImage}.
* @return {@link SafeHtml HTML template}
*/
@Template("<div class='{0}'><div class='{1}'><img src='{6}'>{3}<div style=\"position: relative\"><button>X</button></div></div><div class='{2}'>{4}</div>{5}</div>")
@Template("<div class='{0}'><div class='{1}'><img src='{6}'>{3}<div style='position: relative'><button role='delete'>X</button></div></div><div class='{2}'>{4}</div>{5}</div>")
SafeHtml privateCellRemovable(String styleTag, String styleTagHeading, String styleTagCreated, SafeHtml tag,
SafeHtml createdAt, SafeHtml content, SafeUri safeUri);
@@ -9,4 +9,9 @@
.cellListKeyboardSelectedItem {
background-color: #e5f2f9;
border-radius: 3px
}
.cellListSelectedItem button[role="delete"],
.cellListKeyboardSelectedItem button[role="delete"] {
background-color: transparent;
}
@@ -82,20 +82,22 @@
.tagCellHeading {
font-weight: bold;
word-wrap: break-word;
}
.tagCellHeading button {
.tagCellHeading button[role="delete"] {
position: absolute;
right: 0;
bottom: 0;
border: none;
background: transparent;
border-radius: 3px;
background: white;
line-height: initial;
}
.tagCellHeading button:hover {
.tagCellHeading button[role="delete"]:hover {
cursor: pointer;
outline: none;
border-radius: 3px;
background-color: lightgrey;
transition-duration: 0.2s;
transition-property: background-color;