Reduce plugin sidebar item height by 8px.

Unfortunately I can't use different sizes in edit and normal modes,
because I must manually call updateSize() on the core-list after the
transition has finished, which causes a jarring re-transform of the list
elements.
This commit is contained in:
Oliver Hamlet
2014-12-30 19:27:09 +00:00
parent 3df3edd94b
commit d5ca017db2
+11 -3
View File
@@ -24,6 +24,12 @@
/* Two-line items should be 72px high according to Material Design.
Squeeze the height to fit more items in. */
/*height: 72px;*/
height: 40px;
line-height: 40px;
font-size: 1rem;
}
:host-context(body[data-editors]) paper-item.two-line {
height: 40px;
}
#primary,
#secondary,
@@ -32,17 +38,19 @@
transition: 0.6s;
}
paper-item.two-line::shadow .button-content {
padding: 14px 16px;
padding: 0px 16px;
}
:host-context(body[data-editors]) paper-item.two-line::shadow .button-content {
padding: 7.5px 16px;
padding: 4.5px 16px;
}
#text {
/* Padding is disabled as otherwise text won't fit in correctly. */
/*padding: 4px 0;*/
line-height: normal;
overflow: visible;
}
:host-context(body[data-editors]) #text {
line-height: normal;
}
:host-context(body[data-editors]) #primary {
/* MD spec says 16sp, but that doesn't fit, so use 14sp. */
/*font-size: 1.143rem;*/