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

Added transition for sidebar item mode switching.

Browse Source
This commit is contained in:
Oliver Hamlet
2014-12-27 10:27:04 +00:00
parent 149b84d81d
commit c8eea703d0
1 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/report/html/loot-plugin-item.html
+17 -8
View File
@@ -25,34 +25,43 @@
Squeeze the height to fit more items in. */
/*height: 72px;*/
}
#text,
#primary,
#secondary,
paper-item.two-line::shadow .button-content {
transition: 0.6s;
}
paper-item.two-line::shadow .button-content {
padding: 14px 16px;
}
:host-context(body[data-editors]) paper-item.two-line::shadow .button-content {
padding: 7.5px 16px;
}
:host-context(body[data-editors]) paper-item.two-line #text {
#text {
/* Padding is disabled as otherwise text won't fit in correctly. */
/*padding: 4px 0;*/
line-height: normal;
}
:host-context(body[data-editors]) paper-item.two-line #primary {
:host-context(body[data-editors]) #primary {
/* MD spec says 16sp, but that doesn't fit, so use 14sp. */
/*font-size: 1.143rem;*/
font-size: 1rem;
}
:host-context(body[data-editors]) paper-item.two-line #secondary {
#secondary {
/* MD spec says 14sp, but that doesn't fit, so use 12sp. */
/*font-size: 1rem; */
font-size: 0.857rem;
color: rgba(0, 0, 0, 0.54);
display: flex;
}
:host-context(body[data-editors]) paper-item.two-line #secondary core-icon {
height: 13px;
}
#secondary core-icon {
margin-right: 0;
height: 13px;
}
/* When not in edit mode, hide secondary text. */
:host-context(body:not([data-editors])) paper-item.two-line #secondary {
display: none;
:host-context(body:not([data-editors])) #secondary {
height: 0;
}
</style>