diff --git a/src/components/dashboard.js b/src/components/dashboard.js index 7af0658..d04f40b 100644 --- a/src/components/dashboard.js +++ b/src/components/dashboard.js @@ -1,6 +1,7 @@ import { html } from 'lit-element'; import sharedStyles from '../../style/app.scss'; import dashboardStyles from '../../style/dashboard.scss'; +import dashboardButtonsStyles from '../../style/dashboard-filter.scss'; import { PageViewElement } from './page-view-element.js'; import '@polymer/iron-icons/iron-icons.js'; import './sidebar.js'; @@ -13,7 +14,7 @@ import './tags.js'; class OAEDashboard extends PageViewElement { static get styles() { - return [sharedStyles, dashboardStyles]; + return [sharedStyles, dashboardStyles, dashboardButtonsStyles]; } render() { @@ -39,12 +40,24 @@ class OAEDashboard extends PageViewElement {
  • Dashboard
  • -
    - - - -

    Recent Activity

    -
    + diff --git a/style/dashboard-filter.scss b/style/dashboard-filter.scss new file mode 100644 index 0000000..829e919 --- /dev/null +++ b/style/dashboard-filter.scss @@ -0,0 +1,18 @@ +.filter-feed { + color: #0060df; + margin-right: 15px; + font-size: 13px; + height: 20px; + width: 6em; + border-radius: 25px; + border: none; + background-color: transparent; +} + +.filter-active-feed { + background-color: #0060df; + color: white; + &:hover { + color: white; + } +}