loot/libloot
0
0
Fork 0
mirror of https://github.com/loot/libloot.git synced 2026-07-27 14:16:01 -07:00
Code Issues Packages Projects Releases Wiki Activity

Improve styling of editable tables.

Browse Source
This commit is contained in:
Oliver Hamlet
2014-12-24 15:50:52 +00:00
parent 3f7d5409e2
commit 6fe467594d
1 changed files with 23 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/report/html/editable-table.html
+23 -18
View File
@@ -82,32 +82,37 @@
</tr>
</template>
<style>
table[is=editable-table] td:last-child {
cursor: pointer;
}
table[is=editable-table] td:last-child:hover {
color: red;
}
table[is=editable-table] {
margin: 3em 1em;
/* Table styling. */
html /deep/ table[is=editable-table] {
margin: 32px 0;
border-collapse: collapse;
width: 100%;
}
table[is=editable-table] td, table[is=editable-table] th {
html /deep/ table[is=editable-table] td, table[is=editable-table] th {
vertical-align: top;
text-align: left;
padding: 0.5em;
padding: 8px;
}
table[is=editable-table] th {
border-bottom: 1px black solid;
html /deep/ table[is=editable-table] th {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
table[is=editable-table] tbody tr:last-child {
html /deep/ table[is=editable-table] td:last-child {
cursor: pointer;
color: grey;
}
table[is=editable-table] tbody tr:last-child:hover {
color: black;
html /deep/ table[is=editable-table] td:last-child:hover {
color: red;
}
td paper-icon-button.hidden {
html /deep/ table[is=editable-table] tbody tr:last-child {
cursor: pointer;
color: rgba(0, 0, 0, 0.30);
}
html /deep/ table[is=editable-table] tbody tr:last-child:hover {
color: rgba(0, 0, 0, 0.87);
}
html /deep/ table[is=editable-table] td paper-icon-button.hidden {
display: block;
visibility: hidden;
}
@@ -308,4 +313,4 @@ td paper-icon-button.hidden {
extends: 'table'
});
})();
</script>
</script>