Improve menu top/bottom padding styling.

The override isn't actually necessary if the padding is applied as a
margin to the first and last items.
This commit is contained in:
Oliver Hamlet
2014-12-31 01:23:46 +00:00
parent 355484f2b1
commit 6d3a57e984
2 changed files with 7 additions and 9 deletions
+3 -9
View File
@@ -34,6 +34,9 @@ html /deep/ paper-item, html /deep/ core-menu > paper-item {
html /deep/ paper-item:first-child {
margin-top: 8px;
}
html /deep/ paper-item:last-child {
margin-bottom: 8px;
}
html /deep/ paper-item core-icon {
margin-right: 32px;
color: rgba(0, 0, 0, 0.54);
@@ -77,15 +80,6 @@ html /deep/ input {
text-overflow: ellipsis;
}
/* paper-dropdown */
html /deep/ paper-dropdown {
padding: 8px 0;
}
html /deep/ paper-dropdown::shadow #scroller {
/* The calculated height is too high for the content. */
height: auto !important;
}
/* core-menu */
html /deep/ core-menu {
margin: 0;
@@ -28,6 +28,10 @@
line-height: 32px;
font-size: 1rem;
}
/* Don't have a margin for this paper-item. */
paper-item.two-line:last-child {
margin-bottom: 0;
}
:host-context(body[data-editors]) paper-item.two-line {
height: 40px;
}