UI: Improve selected rows background color in tables.

This commit is contained in:
Molkobain
2018-09-17 17:09:12 +02:00
parent 416005654e
commit fb08903a8a
2 changed files with 12 additions and 6 deletions

View File

@@ -93,17 +93,20 @@ table.listResults td .view-image img {
margin-right: auto;
}
table.listResults > tbody > tr.selected > * {
background-color: #ea7d1e;
background-color: #f5c093;
}
table.listResults > tbody > tr > * {
transition: background-color 400ms linear;
transition: background-color 200ms ease-in-out;
}
table.listResults > tbody > tr:hover > * {
cursor: pointer;
}
table.listResults > tbody > tr.selected:hover > * {
/* hover on lines is currently done toggling td.hover, and having a rule for links */
background-color: #f3b37b;
background-color: #f1a564;
}
table.listResults > tbody > tr.selected:hover a {
background-color: transparent;
}
.edit-image .view-image {
display: inline-block;

View File

@@ -117,11 +117,11 @@ table.listResults td .view-image {
}
table.listResults > tbody > tr.selected > * {
background-color: $combodo-orange;
background-color: lighten($combodo-orange, 25%);
}
table.listResults > tbody > tr > * {
transition: background-color 400ms linear;
transition: background-color 200ms ease-in-out;
}
table.listResults > tbody > tr:hover > * {
@@ -130,7 +130,10 @@ table.listResults > tbody > tr:hover > * {
table.listResults > tbody > tr.selected:hover > * {
/* hover on lines is currently done toggling td.hover, and having a rule for links */
background-color: lighten($combodo-orange, 20%);
background-color: lighten($combodo-orange, 15%);
}
table.listResults > tbody > tr.selected:hover a {
background-color: transparent;
}
.edit-image {