Add a selected menu item background color

Fixes #714
This commit is contained in:
Sam Saccone
2016-03-03 09:33:56 -08:00
parent 1e671d3a73
commit 16cbe82612
2 changed files with 8 additions and 1 deletions

View File

@@ -76,7 +76,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</paper-toolbar>
<!-- Drawer Content -->
<paper-menu attr-for-selected="data-route" selected="[[route]]">
<paper-menu class="app-menu" attr-for-selected="data-route" selected="[[route]]">
<a data-route="home" href="{{baseUrl}}">
<iron-icon icon="home"></iron-icon>
<span>Home</span>

View File

@@ -9,6 +9,13 @@
@apply(--paper-font-display2);
}
.app-menu {
--paper-menu-selected-item: {
color: #fff;
background: var(--light-primary-color);
}
}
paper-menu a > *, paper-menu paper-item > *, paper-menu paper-icon-item > * {
pointer-events: none;
}